Skip to main content
Design & UX

WCAG

Web Content Accessibility Guidelines

Portrait of Robert Klimant, co-founder of Roelu Studio
Robert KlimantCo-founder

What is WCAG?

WCAG, short for Web Content Accessibility Guidelines, is the international standard for web accessibility published by the W3C. It defines what makes a website usable by people with disabilities and is organized around four core principles that content must satisfy. WCAG comes in conformance levels — A, AA, and AAA — with AA being the level most laws, contracts, and procurement checklists require. Versions 2.1 and 2.2 are the current references most teams build against.

Why it matters

WCAG is the rulebook everyone points at when they sue you. The EU Accessibility Act, the US ADA, public sector procurement in most countries, enterprise vendor checklists — they all reference WCAG AA. Treating it as a checklist is the wrong move, but ignoring it costs real money. Beyond legal exposure, WCAG is a useful design ceiling. The criteria are concrete — contrast ratios, keyboard support, focus visibility, form labels — so the team has something measurable to test against instead of vibes. Hitting AA reliably is the price of being a serious product in 2026.

How it works

WCAG breaks accessibility into success criteria — about fifty at the AA level — each testable. Examples: body text needs a contrast ratio of at least 4.5:1 against its background, every interactive element must be reachable and operable by keyboard, every form input needs a programmatic label, video content needs captions, focus must be visible. The team designs and builds against these criteria, then audits with a mix of automated tools (axe, Lighthouse, WAVE) and manual testing (screen readers like VoiceOver and NVDA, keyboard-only navigation, real users with disabilities). A formal WCAG audit produces a report listing each criterion and whether the site passes, partially passes, or fails. Failures get prioritized by severity and fixed in the next sprint.

Related terms

  • Accessibility

    Design & UX

    Designing and building a website so people with disabilities — vision, hearing, motor, cognitive — can actually use it, not just open it, and so the rest of…

  • User Experience

    Design & UX

    How it feels to use a product from start to finish — the speed, the clarity, the flow, the copy, the moments of friction, the parts that just work — not just…

  • Color System

    Design & UX

    A defined palette of brand and UI colors — with rules for when and how to use each one — so a product stays visually consistent over time and doesn't quietly…

  • Typography

    Design & UX

    The craft of choosing and arranging type on a website — fonts, sizes, weights, line height, letter spacing, line lengths — to make content readable, scannable,…

  • User Interface

    Design & UX

    The visible part of a digital product — the buttons, menus, forms, layout, typography, icons, modals — that a person actually touches, clicks, and reads to get…

  • Lighthouse Score

    Performance

    A 0–100 grade from Google's Lighthouse tool measuring a page's performance, accessibility, SEO, and best practices — used as a quick technical health check by…