1. Foundations of Web Accessibility
Web accessibility, often abbreviated "a11y" (a numeronym formed by "a" + 11 letters + "y"), refers to the practice of designing and developing websites so that people with disabili...
Read full chapter →The essential Accessibility ARIA Patterns cheat sheet: 8 concise chapters you can read in minutes, distilled from the full deck. When you're ready, drill the flashcards or test yourself under exam conditions.
Web accessibility, often abbreviated "a11y" (a numeronym formed by "a" + 11 letters + "y"), refers to the practice of designing and developing websites so that people with disabili...
Read full chapter →The Accessible Rich Internet Applications (ARIA) specification defines a set of roles, states, and properties that developers can add to HTML elements to make web content and appli...
Read full chapter →Many users, including those who are blind or have motor impairments, navigate the web primarily with a keyboard, so keyboard interaction and focus management are central to accessi...
Read full chapter →Modern web applications update content dynamically without a page reload, and assistive technology users need to be informed of those changes. The aria-live attribute marks a regio...
Read full chapter →ARIA provides patterns for many common interactive widgets. The disclosure pattern pairs a button with aria-expanded (and often aria-controls pointing to the region's id) to contro...
Read full chapter →Form controls need to be properly labeled so users understand their purpose. Associating a label with a form control is best done using `` or by wrapping the input inside a ``; thi...
Read full chapter →Images require thoughtful alternative text so that screen-reader users receive equivalent information. The "alt attribute decision tree" guides choices: a purely decorative image s...
Read full chapter →Several ARIA attributes help users orient themselves within sets of related content. aria-current indicates that an element represents the current item in a set, accepting values l...
Read full chapter →Done reading?
Test yourself with the Accessibility ARIA Patterns practice exam — timed questions, instant score, full review of wrong answers. Free.
🎯 Take the Practice Exam →