Accessibility
What every block does for people using a keyboard, a screen reader, zoom or a small screen.
Accessibility
The rules hold for every block, and the tests check the ones a machine can check.
Structure
One landmark per block and a heading order that holds: one h1 per page, in the hero or page header; h2 section titles; h3 items. Lists are lists, tables have header scopes.
Keyboard and focus
Every control has a visible label or an aria-label and a visible focus ring. Menus close on Escape, on an outside click and when focus leaves.
Targets and motion
Interactive targets are at least 44 pixels. Nothing moves except colour transitions, and reduced motion is honoured.
Contrast
Contrast comes from the tokens and is checked for every block in light and dark, for the brand style and every preset.