Accessibility patterns
decoded for builders.
Compare WCAG 2.1 AA common baselines and design system implementations at a glance.
0
Patterns
0
Design Systems
0
Must Rules
0
Should Rules
The international standard for a usable web
WCAG (Web Content Accessibility Guidelines) is the W3C standard for web accessibility. It helps everyone use the web regardless of disability, context, or assistive technology — organized around four principles and three conformance levels (A → AA → AAA). Every pattern on this site follows AA, the level required by most laws and corporate policies.
Read the full WCAG 2.1 guide- 01
PPerceivable
Information and UI must be presentable to users in ways they can perceive.
- 02
OOperable
The interface must work with keyboard, touch, voice, and more.
- 03
UUnderstandable
Content and behavior should be predictable and clear.
- 04
RRobust
Content must work reliably across browsers and assistive tech.
Explore every pattern
All patterns