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
  • Level A + AA (PSBAR)

Theme

Remove filter
  • Code and labels

Principles

Remove filter
  • Perceivable

3 success criteria found for Level A + AA and Code and labels theme and Perceivable principle and

Success criterion 1.1.1 Non-text Content

Level Level A, WCAG principle: Perceivable

Assigned to the following themes: CODE AND LABELS SENSORY WORDING

All images and other non-text content (like icons, charts, audio, CAPTCHAs, or controls) must have a descriptive text alternative that conveys their meaning. Purely decorative content can be hidden from assistive technologies (e.g. using an empty alt attribute).

Success criterion 1.3.1 Info and Relationships

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:

  • semantic HTML (e.g. <label for="">, <ul>, <h1>), or
  • ARIA attributes (e.g. aria-describedby, role="group"),

so that assistive technologies can understand the structure.

Success criterion 1.3.2 Meaningful Sequence

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.