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.
5 success criteria found for Level A + AA and 1.3 Adaptable category
Level Level A, WCAG principle: Perceivable
Assigned to the following themes: CODE AND LABELS WORDING
Visual information and relationships (like labels, headings, or groupings) must also be conveyed in the code using:
so that assistive technologies can understand the structure.
Level Level A, WCAG principle: Perceivable
Assigned to the following themes: CODE AND LABELS WORDING
Content must follow a logical and meaningful order in the code so it can be understood correctly by assistive technologies even if the visual layout differs.
Level Level A, WCAG principle: Perceivable
Assigned to the following themes: FORMS SENSORY WORDING
Instructions and descriptions must not rely on sensory features alone, like color, shape, size, visual location, or sound.
Always provide additional text to clarify meaning.
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.