Skip to main content
Skip to results

WCAG Explorer (beta)

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.

Filters

  • Level AA
  • Sensory

Categories

Remove filter
  • 1.4 Distinguishable

3 success criteria found for Level AA and Sensory theme and 1.4 Distinguishable category

Success criterion 1.4.11 Non-text Contrast [2.1 and 2.2]

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.

Success criterion 1.4.3 Contrast (Minimum)

Level Level AA, WCAG principle: Perceivable

Assigned to the following themes: SENSORY ZOOM AND LEGIBILITY

Text contrast against its background must be at least:

  • 4.5:1 for normal text, or
  • 3:1 for large text (over 24px, or bold and over 19px).

Success criterion 1.4.5 Images of Text

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).