Skip to main content

Accessibility Glossary

WCAG criteria, patterns, and standards — with interactive demos, detection methods, and audit data.

New to accessibility? Start here. The foundational terms that cause the most real-world barriers — the best first read.

17 terms
🔍
""no name
🔍
"Search"

Accessible Name

Every interactive element needs a computed accessible name. Sources (in priority): aria-labelledby → aria-label → <label> → text content → title. Empty name = invisible to assistive tech.

Essential Robust

Alternative Text

54% fail

Every meaningful image needs a text equivalent describing its purpose — not its appearance. Decorative images get alt="". 54% of homepages have images missing alt text.

Essential Perceivable 1.1.1
Aa
18:1 ✓
Aa
1.5:1 ✗

Color Contrast

84% fail

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

Essential Perceivable 1.4.3 Interactive

Dialog / Modal

65% fail

Focus trap inside, Escape to close, focus returns to trigger on dismiss. Use <dialog> or role='dialog' + aria-modal='true'. One of the most commonly broken patterns.

Essential UI Patterns

Disproportionate Burden

An EAA exemption a service provider can invoke if conformance would impose a disproportionate burden. Not a blanket opt-out: requires a written, documented assessment weighing cost, organisation size, and benefit to users with disabilities. Reviewed and renewed at least every 3 years.

Essential Compliance
<html> no lang
<html lang="en">

Document Language

16% fail

Every page needs lang="xx" on the <html> element. Screen readers use this to switch pronunciation. Missing on 16% of homepages. One-line fix with enormous impact.

Essential Understandable 3.1.1

Error Identification

62% fail

Errors must be described in text (not just color), placed near the field, and announce via aria-describedby + role='alert'. Specific and actionable: 'Enter a valid email' not 'Invalid input'.

Essential Understandable 3.3.1

Focus Management

65% fail

Programmatically move focus when context changes: into a modal on open, back to trigger on close, to the next item after deletion, to new content after dynamic loads.

Essential Operable
sticky header
btn
obscured ✗

Focus Not Obscured

When an element receives keyboard focus, it must not be entirely hidden by sticky headers, cookie banners, chat widgets, or footers. New in WCAG 2.2 (Level AA). The most common new 2.2 failure in audits.

Essential Operable 2.4.11
Button
Link

Focus Visible

68% fail

Every interactive element must have a visible focus indicator when navigated to via keyboard. Never use outline:none without a replacement. WCAG 2.2 adds 2.4.11 (Focus Appearance) requiring minimum area and contrast.

Essential Operable 2.4.7 Interactive
<label> ✓
Email
placeholder ✗

Form Input Labels

49% fail

Every input needs a visible, programmatically associated <label for='id'>. Placeholder is not a label. Found missing on 49% of homepages. The second most common WCAG failure after contrast.

Essential UI Patterns 1.3.1

Harmonised Standards

Technical standards adopted by a European Standards Organisation and referenced in the Official Journal of the EU. Conformance with a harmonised standard creates a 'presumption of conformity' with the corresponding EAA requirements. For ICT services, the operative standard is EN 301 549.

Essential Compliance

In-Scope Services (EAA)

The EAA covers a defined list of consumer services: e-commerce (B2C); banking services for consumers; e-books and dedicated software; electronic communications services; access to audiovisual media services; passenger transport (web, apps, e-ticketing, terminals); and emergency communications to 112. Other digital services are outside the directive's scope.

Essential Compliance

Info & Relationships

60% fail

Structure conveyed visually (headings, lists, tables, form groups) must also be conveyed programmatically. If it looks like a heading, it must be a heading element.

Essential Perceivable 1.3.1
Tab
Esc
Space
←→

Keyboard Accessible

78% fail

All functionality must be operable with keyboard alone — Tab, Shift+Tab, Enter, Space, Escape, Arrow keys. No keyboard traps. Affects motor-disability users, switch users, power users, and screen reader users.

Essential Operable 2.1.1

Name, Role, Value

Every interactive element must expose its name (label), role (button, link, checkbox…), and state (expanded, checked, disabled…) to assistive technology. The foundation of everything.

Essential Robust 4.1.2
A
32
AA
56
AAA
87

WCAG Level AA

The legal standard worldwide — 24 additional criteria (55 total with A). Includes color contrast (1.4.3), reflow (1.4.10), focus visible (2.4.7), and all 4 new WCAG 2.2 AA criteria. Target this level. Referenced by ADA, EAA, Section 508, and EN 301 549.

Essential WCAG Levels