Back to Playbook

WCAG Guidelines

Following the Web Content Accessibility Guidelines (WCAG) to ensure our products are accessible to all.

Why it matters

The Web Content Accessibility Guidelines (WCAG) are the international standard for web accessibility. Following these guidelines ensures that your content is accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these.

Compliance Playground

Toggle common accessibility violations to see how they impact usability and compliance.

The 4 Principles (POUR)

Perceivable

Information and user interface components must be presentable to users in ways they can perceive (e.g., text alternatives for non-text content).

Operable

User interface components and navigation must be operable (e.g., keyboard accessible, enough time to read).

Understandable

Information and the operation of user interface must be understandable (e.g., readable text, predictable interactions).

Robust

Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.

Quick Checklist (Level AA)

  1. Alt Text

    Provide text alternatives for any non-text content so that it can be changed into other forms people need.

  2. Captions

    Provide captions for all prerecorded audio content in synchronized media.

  3. Headings

    Use headings and labels to describe topic or purpose.

Previous: Overview Next: Semantic HTML