Components
Accessible Data Tables: WCAG Markup and Screen Readers
Data tables break for screen reader users when headers aren't associated correctly. Here's the markup that actually works.
Components
How to build accessible UI components: forms, modals, dropdowns, accordions, and more.
Components
Accessible Accordions and Tabs: ARIA + Keyboard Patterns
Accordions and tabs look similar but need different ARIA, different keyboard handling, and serve different purposes. Here is how to build each one correctly without breaking screen readers.
Components
Combobox Pattern: Accessible Dropdowns With ARIA Code
Native select first. When you truly need a custom dropdown, this is the role structure, the keyboard map and the focus handling that make it usable.
Components
Form Accessibility Audit: 7 Mistakes to Check For
How to spot the seven most frequent form failures in an existing form, which WCAG criterion each one fails, and the fix.
Components
How to Build an Accessible Modal Dialog, with Code to Copy
What a dialog has to do when it opens, while it is open and when it closes, with the WCAG criterion behind each requirement.
Components
Accessible Forms: WCAG Inputs, Labels, and Errors
Missing labels, broken error handling, and inaccessible inputs block real users from completing forms. Learn how to fix common WCAG form violations with practical code examples.
Check a client site against these guides
Audit any page against WCAG 2.2 AA for free and see every finding in about 30 seconds.