WCAG Master Guide (Rewritten)

This page provides an original, practical WCAG reference inspired by common accessibility master-guide structures. Use it to prioritize fixes by disability impact and compliance level.

Structure and Semantics

WCAG 2.2 A/AA

Disabilities affected: Blind, low vision, cognitive

  • Use one clear H1 and maintain heading hierarchy.
  • Ensure landmarks are unique and properly labeled.
  • Use valid lang attributes and meaningful page titles.

Keyboard and Focus

WCAG 2.2 A/AA

Disabilities affected: Motor, screen reader users

  • All interactive controls must be keyboard reachable.
  • Avoid tabindex values greater than 0.
  • Provide visible focus indicators and logical tab order.

Color and Contrast

WCAG 2.2 AA/AAA

Disabilities affected: Low vision, color blindness

  • Maintain minimum contrast thresholds for text/UI elements.
  • Do not rely on color alone to communicate meaning.
  • Verify hover/focus/active states remain readable.

Forms and Inputs

WCAG 2.2 A/AA

Disabilities affected: Blind, hearing, cognitive, motor

  • Every input must have a visible and programmatic label.
  • Provide clear error messaging and recovery instructions.
  • Use autocomplete attributes where relevant.