Accessibility Glossary
WCAG criteria, patterns, and standards — with interactive demos, detection methods, and audit data.
WCAG principle 1 of 4 (POUR): information and interface must be presentable in ways people can perceive — through sight, sound, or touch.
Alternative Text
54% failEvery meaningful image needs a text equivalent describing its purpose — not its appearance. Decorative images get alt="". 54% of homepages have images missing alt text.
Audio Descriptions
Videos must describe important visual content in the audio track for blind users. Required when dialogue alone doesn't convey what's happening on screen.
Captions & Transcripts
Pre-recorded video needs synchronized captions. Pre-recorded audio needs a transcript. Live video needs real-time captions (Level AA). Benefits 430M people with hearing loss plus anyone in a noisy environment.
Color Contrast
84% failText must meet a 4.5:1 contrast ratio against its background (3:1 for large text ≥18pt/14pt bold). The single most common WCAG failure — found on 84% of homepages in the 2026 WebAIM Million.
Heading Structure
One <h1> per page. Headings in logical order without skipping levels (h1→h2→h3, never h1→h3). Screen reader users navigate by heading — 67.5% use headings to find information.
Images of Text
Don't use images of text — use real text styled with CSS. Images of text can't be resized, reflowed, recolored, or read by screen readers. Exception for logos.
Info & Relationships
60% failStructure conveyed visually (headings, lists, tables, form groups) must also be conveyed programmatically. If it looks like a heading, it must be a heading element.
Landmark Regions
Semantic containers: <header>, <nav>, <main>, <aside>, <footer>. Screen reader users jump between landmarks. Every page needs exactly one <main>.
Non-text Contrast
UI components and graphical objects need at least 3:1 contrast. Applies to icons, form borders, chart segments, focus indicators — anything meaningful that isn't text.
Reflow
Content must reflow to a single column at 320px wide (400% zoom) without horizontal scrolling. Exceptions for data tables, toolbars, and maps.
Sensory Characteristics
Instructions can't depend on shape, size, position, or sound alone. "Press the round green button on the right" fails for anyone who can't see it — always add a text label: "Press Submit".
Text Spacing
No loss of content when users override line height to 1.5×, paragraph spacing to 2×, letter spacing to 0.12em, and word spacing to 0.16em. Tests low-vision user overrides.
Use of Color
Color must not be the only visual means of conveying information. Add icons, patterns, underlines, or text labels alongside color coding. Affects 300M people with color vision deficiency.