--- title: JF Blog | Accessibility description: Accessibility | Practical articles on web development, accessibility, and best practices for developers who care about building it right. --- [Skip to content](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility#main-content) [![Javier Fuentes - The Developer](https://thedeveloper.javierfuentes.cl/hubfs/jf-dev/img/logos/jf-logo.svg "Javier Fuentes - The Developer")](https://thedeveloper.javierfuentes.cl/) - [Home](https://thedeveloper.javierfuentes.cl/qa-test) - Products Show submenu for Products - [Product 1](https://thedeveloper.javierfuentes.cl/qa-test) Show submenu for Product 1 - [Sub Product 1](https://thedeveloper.javierfuentes.cl/qa-test) - Product 2 Show submenu for Product 2 - [Sub Product 2](https://thedeveloper.javierfuentes.cl/qa-test) - [Sub Product 3](https://thedeveloper.javierfuentes.cl/qa-test) - [Pricing](https://thedeveloper.javierfuentes.cl/qa-test) - Blog - [Company](https://thedeveloper.javierfuentes.cl/qa-test) Show submenu for Company - [History](https://thedeveloper.javierfuentes.cl/qa-test) - [Open Positions](https://thedeveloper.javierfuentes.cl/qa-test) - [Home](https://thedeveloper.javierfuentes.cl/qa-test) - Products Show submenu for Products - [Product 1](https://thedeveloper.javierfuentes.cl/qa-test) Show submenu for Product 1 - [Sub Product 1](https://thedeveloper.javierfuentes.cl/qa-test) - Product 2 Show submenu for Product 2 - [Sub Product 2](https://thedeveloper.javierfuentes.cl/qa-test) - [Sub Product 3](https://thedeveloper.javierfuentes.cl/qa-test) - [Pricing](https://thedeveloper.javierfuentes.cl/qa-test) - Blog - [Company](https://thedeveloper.javierfuentes.cl/qa-test) Show submenu for Company - [History](https://thedeveloper.javierfuentes.cl/qa-test) - [Open Positions](https://thedeveloper.javierfuentes.cl/qa-test) Search - There are no suggestions because the search field is empty. ## Latest articles Explore the latest posts from the blog. All Posts Accessibility Best-Practices Javascript CSS HTML UX WCAG Workflow Design-Systems Performance Mar 08, 2026 ![Automating Accessibility Testing in Your CI Pipeline](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1461749280684-dccba630e2f6-2.jpg?width=600&height=300&name=photo-1461749280684-dccba630e2f6-2.jpg) - [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility) - [Testing](https://thedeveloper.javierfuentes.cl/blog/tag/testing) ### Automating Accessibility Testing in Your CI Pipeline Automated accessibility testing in CI catches regressions early and creates a shared quality baseline for the whole team. This post covers i... By [David Park](https://thedeveloper.javierfuentes.cl/blog/author/david-park) Read more   **〉** Jan 31, 2026 ![Progressive Enhancement: Building for Every User](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1555099962-4199c345e5dd-1.jpg?width=600&height=300&name=photo-1555099962-4199c345e5dd-1.jpg) - [Best-Practices](https://thedeveloper.javierfuentes.cl/blog/tag/best-practices) - [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility) - [Javascript](https://thedeveloper.javierfuentes.cl/blog/tag/javascript) ### Progressive Enhancement: Building for Every User Progressive enhancement starts with a solid HTML foundation that works without CSS or JavaScript, then layers in visual improvements and int... By [Rachel Green](https://thedeveloper.javierfuentes.cl/blog/author/rachel-green) Read more   **〉** Nov 07, 2025 ![Reducing Motion: Accessibility for Vestibular Disorders](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1556075798-4825dfaaf498-1.jpg?width=600&height=300&name=photo-1556075798-4825dfaaf498-1.jpg) - [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility) - [CSS](https://thedeveloper.javierfuentes.cl/blog/tag/css) ### Reducing Motion: Accessibility for Vestibular Disorders Animations that auto-play, loop, or involve parallax effects can trigger dizziness, nausea, and migraines in users with vestibular disorders... By [Anna Kim](https://thedeveloper.javierfuentes.cl/blog/author/anna-kim) Read more   **〉** Aug 17, 2025 ![How to Build a Design System with Accessibility at Its Core](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1551288049-bebda4e38f71-1.jpg?width=600&height=300&name=photo-1551288049-bebda4e38f71-1.jpg) - [Design-Systems](https://thedeveloper.javierfuentes.cl/blog/tag/design-systems) - [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility) - [CSS](https://thedeveloper.javierfuentes.cl/blog/tag/css) ### How to Build a Design System with Accessibility at Its Core Retrofitting accessibility into an existing design system is painful. Building it in from the start — with accessible color tokens, keyboard... By [Maria Lopez](https://thedeveloper.javierfuentes.cl/blog/author/maria-lopez) Read more   **〉** Jun 13, 2025 ![Accessible Navigation Patterns for Complex Websites](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1507721999472-8ed4421c4af2-1.jpg?width=1200&height=600&name=photo-1507721999472-8ed4421c4af2-1.jpg) - [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility) - [UX](https://thedeveloper.javierfuentes.cl/blog/tag/ux) - [Navigation](https://thedeveloper.javierfuentes.cl/blog/tag/navigation) ### Accessible Navigation Patterns for Complex Websites Navigation is the backbone of any website, and inaccessible navigation can lock users out entirely. This post covers ARIA patterns for discl... By [Sarah Chen](https://thedeveloper.javierfuentes.cl/blog/author/sarah-chen) Read more   **〉** Mar 14, 2025 ![Accessible Data Tables: Structure, Headers, and Captions](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1526374965328-7f61d4dc18c5-1.jpg?width=600&height=300&name=photo-1526374965328-7f61d4dc18c5-1.jpg) - [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility) - [HTML](https://thedeveloper.javierfuentes.cl/blog/tag/html) ### Accessible Data Tables: Structure, Headers, and Captions Data tables are often poorly implemented, turning structured information into an unnavigable wall of cells for screen reader users. Proper u... By [Linda Zhao](https://thedeveloper.javierfuentes.cl/blog/author/linda-zhao) Read more   **〉** Nov 19, 2024 ![Screen Reader Testing: A Developer's Workflow](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1518770660439-4636190af475-1.jpg?width=600&height=300&name=photo-1518770660439-4636190af475-1.jpg) - [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility) - [Testing](https://thedeveloper.javierfuentes.cl/blog/tag/testing) - [Screen-Readers](https://thedeveloper.javierfuentes.cl/blog/tag/screen-readers) ### Screen Reader Testing: A Developer's Workflow Screen reader testing is the most direct way to experience your site as a visually impaired user would. This guide covers the essential keyb... By [Carlos Mendez](https://thedeveloper.javierfuentes.cl/blog/author/carlos-mendez) Read more   **〉** Jul 06, 2024 ![Building Accessible Modal Dialogs from Scratch](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1555066931-4365d14bab8c-1.jpg?width=600&height=300&name=photo-1555066931-4365d14bab8c-1.jpg) - [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility) - [Javascript](https://thedeveloper.javierfuentes.cl/blog/tag/javascript) - [Components](https://thedeveloper.javierfuentes.cl/blog/tag/components) ### Building Accessible Modal Dialogs from Scratch Modals are one of the most commonly broken accessible components. A correct implementation requires a focus trap, Escape key dismissal, aria... By [Maria Lopez](https://thedeveloper.javierfuentes.cl/blog/author/maria-lopez) Read more   **〉** Jun 10, 2024 ![Dark Mode Implementation: Accessibility and User Preference](https://thedeveloper.javierfuentes.cl/hs-fs/hubfs/Imported_Blog_Media/photo-1555099962-4199c345e5dd-1.jpg?width=600&height=300&name=photo-1555099962-4199c345e5dd-1.jpg) - [Accessibility](https://thedeveloper.javierfuentes.cl/blog/tag/accessibility) - [CSS](https://thedeveloper.javierfuentes.cl/blog/tag/css) - [UX](https://thedeveloper.javierfuentes.cl/blog/tag/ux) ### Dark Mode Implementation: Accessibility and User Preference Dark mode is more than a trend — for some users, it is a necessity. Implementing it correctly requires CSS custom properties, the prefers-co... By [James Rivera](https://thedeveloper.javierfuentes.cl/blog/author/james-rivera) Read more   **〉** Load more Loading... No more posts to load. Failed to load posts. Please try again. [Follow us on Facebook](https://www.facebook.com/) [Follow us on LinkedIn](https://www.linkedin.com/) [Follow us on Twitter](https://www.twitter.com/) [Follow us on Instagram](https://www.instagram.com/) © 2026 All rights reserved.