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

Remove filter
  • All levels

Theme

Remove filter
  • Zoom and legibility

Principles

Remove filter
  • Perceivable

9 success criteria found for Level A, AA, AAA and Zoom and legibility theme and Perceivable principle and

Success criterion 1.4.10 Reflow [2.1 and 2.2]

Level Level AA, WCAG principle: Perceivable

Assigned to the following themes: GESTURES ZOOM AND LEGIBILITY

Content remains functional and easy to read when:

  • zoomed to 400% or
  • viewed at 320px width,

without needing to scroll in two directions (except for tables, maps, and similar content).

Success criterion 1.4.12 Text Spacing [2.1 and 2.2]

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:

  • 1.5× line height,
  • 2× spacing after paragraphs,
  • 0.12× letter spacing,
  • 0.16× word spacing,

without content being hidden, cut off, or broken.

Success criterion 1.4.13 Content on Hover or Focus [2.1 and 2.2]

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:

  • stay visible until dismissed or no longer valid,
  • be dismissible (e.g. using the [esc] key), and
  • remain visible when hovered or focused.

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.4 Resize text

Level Level AA, WCAG principle: Perceivable

Assigned to the following themes: ZOOM AND LEGIBILITY

Text remains readable and usable when zoomed to 200%.

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

Success criterion 1.4.6 Contrast (Enhanced)

Level Level AAA, WCAG principle: Perceivable

Assigned to the following themes: SENSORY ZOOM AND LEGIBILITY

Text contrast against its background must be at least:

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

Success criterion 1.4.8 Visual Presentation

Level Level AAA, WCAG principle: Perceivable

Assigned to the following themes: SENSORY ZOOM AND LEGIBILITY

Blocks of text (like paragraphs) must:

  • have a line height of at least 1.5,
  • not be justified, and
  • stay within 80 characters (or 40 for CJK scripts)

allow users to adjust spacing and colors using custom styles.

Success criterion 1.4.9 Images of Text (No Exception)

Level Level AAA, WCAG principle: Perceivable

Assigned to the following themes: SENSORY ZOOM AND LEGIBILITY

Text must be actual text, not images of text (no exception, not even for design or aesthetic reasons).