This resource is designed for anyone eager to master digital accessibility. Explore WCAG success criteria through clear, easy-to-understand descriptions. We owe a special "hat tip" to Johannes Lehner’s WCAG Card Deck, which served as the inspiration for this project.
We plan to expand this library over time, so please check back regularly for updates.
24 success criteria found for Level AA
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: SENSORY WORDING
Live video with audio must include real-time captions that cover:
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: SENSORY WORDING
Important visual content in prerecorded videos with audio must be described using:
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: GESTURES
Content must remain readable and usable in both portrait and landscape orientation, unless a specific one is essential (e.g. in a piano app that requires landscape to show the full keyboard).
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: FORMS
The purpose of common form fields (like name, email, or address) must be defined in the code so that browsers and assistive technologies can offer input support, such as autocomplete.
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: GESTURES ZOOM AND LEGIBILITY
Content remains functional and easy to read when:
without needing to scroll in two directions (except for tables, maps, and similar content).
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: SENSORY
Interactive controls (e.g. buttons, form fields, focus indicators) and graphics that convey meaning (e.g. icons, charts, graph lines) must have a contrast ratio of at least 3:1 against adjacent colours.
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: ZOOM AND LEGIBILITY
Text remains readable and usable when spacing is changed using custom styles to at least:
without content being hidden, cut off, or broken.
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: GESTURES KEYBOARD ZOOM AND LEGIBILITY
When additional content appears on hover or keyboard focus (including long press on touch), it must:
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: SENSORY ZOOM AND LEGIBILITY
Text contrast against its background must be at least:
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: ZOOM AND LEGIBILITY
Text remains readable and usable when zoomed to 200%.
Level Level AA, WCAG principle: Perceivable
Assigned to the following themes: SENSORY ZOOM AND LEGIBILITY
Text must be actual text, not images of text, unless a specific visual presentation is absolutely necessary (e.g. logo).
Level Level AA, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
When an element receives focus, it must be at least partially visible.
Level Level AA, WCAG principle: Operable
Assigned to the following themes: WHOLE SITE
At least two different ways must be available to find pages or content (e.g. navigation menus, on-page links, site search, or a sitemap).
Level Level AA, WCAG principle: Operable
Assigned to the following themes: CODE AND LABELS WORDING
Headings must describe what follows.
Labels and buttons must clearly communicate what information is needed or what action will happen.
Level Level AA, WCAG principle: Operable
Assigned to the following themes: KEYBOARD SENSORY
A visible indicator must show which element is currently focused when navigating with a keyboard.
Level Level AA, WCAG principle: Operable
Assigned to the following themes: GESTURES
Actions that require dragging (like reordering) must also be possible using buttons or another method that does not require dragging.
Level Level AA, WCAG principle: Operable
Assigned to the following themes: GESTURES
Targets must be at least 24×24px, unless they are:
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: CODE AND LABELS WORDING
Any parts of the content in a different language must be marked with the correct lang attribute.
Expressions borrowed from another language (like "déjà vu" in English) do not need this, unless pronunciation or understanding would be affected.
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: WHOLE SITE
Navigation elements (like menus, links, search) must appear in the same place and order across pages.
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: WHOLE SITE
Elements with the same function must look, behave, and be labeled the same way across pages.
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: FORMS WORDING
Errors and validation messages must show text that:
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: FORMS WORDING
Important forms like a legal agreement or submitting financial information offer the opportunity to check the information entered before sending.
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: FORMS
Authentication must not rely on memory alone.
Allow copy-paste, password managers, or other options (like email verification).
Level Level AA, WCAG principle: Robust
Assigned to the following themes: CODE AND LABELS FORMS
Status updates (like "form sent" or "5 items in cart") must: