We demystify HTML landmarks, discuss the nuances of different types, and show how to use them to help screen reader users navigate a site.
We use CSS prefers-contrast to control website contrast and build a contrast theme selector with JavaScript to address OS limitations.
visually-hidden
classWe look using the CSS visually-hidden
utility class to make elements available to users of assistive technologies without impacting design.
Learn how to improve accessibility and enhance UX for high-contrast users with CSS and how to diagnose website accessibility issues.
In this article, we learned how to implement dark mode in a React application and its top considerations.
We give available options for creating ARIA-live regions and demonstrate tools for creating ARIA-live regions in React, Angular, and Vue.js.
In this article, we’ll look at how to make rich, accessible JavaScript interfaces and illustrate our strategies by building a Sudoku puzzle.
Here’s everything you need to know to create an accessible tabbed user interface, including building the HTML structure, adding CSS styling, and adding JavaScript enhancements.
Build a fully accessible glossary page in vanilla JS in this detailed tutorial in a way that makes accessibility a priority (and dev easy).
Progressive enhancement has many benefits beyond accessibility. Learn why and how to implement it in your web apps with this thorough guide.
Websites should be easy to read for all users. Learn how to create a text resizing widget that will improve general web accessibility.
Storybook’s new accessibility add-on enables automated accessibility testing to capture and surface accessibility errors in your app.