Type in the header search bar to filter by keyword, criterion number, or topic. Try "contrast", "1.4.3", or "keyboard".
Filter by level
Use the Level chips to show only Level A or AA criteria. Level A is the legal compliance baseline. AA is the standard most organizations target.
Filter by principle
WCAG organizes criteria into four principles: Perceivable, Operable, Understandable, and Robust. Use the Principle chips to narrow by category.
Filter by component
Working on a specific UI element? Use the Component row to see only criteria relevant to Forms, Buttons, Modals, Navigation, and more. Click an active component chip again to deselect it.
Expand a criterion
Click any card to expand it. Inside you'll find a plain English explanation, pass/fail examples, a code reference, and for Level A criteria, step-by-step testing guidance with method tags (Automated, Keyboard, Screen reader, Manual).
Copy and share
Each expanded card has Copy link and Copy code buttons, plus a link to the official W3C documentation.
Keyboard shortcuts
Press / to focus the search bar from anywhere on the page. Press Esc to close this dialog.