28 · Checklist
Accessibility
A standard you can measure: WCAG 2.2 level AA, with several stricter rules. Check off each item when reviewing a piece; your progress is saved in this browser.
0 of 0
Reference measures
| Element | Nitente requires | WCAG 2.2 AA minimum |
|---|---|---|
| Normal text | 4.5:1 | 4.5:1 |
| Large text (≥ 24 px or ≥ 19 px bold) | 3:1 | 3:1 |
| Field borders and icons | 3:1 | 3:1 |
| Touch target | 44 × 44 px | 24 × 24 px (criterion 2.5.8) |
| Focus ring | 2 px, 3 px offset | Visible (criterion 2.4.7) |
| Body text | 16 px | No minimum, 200% zoom |
| Narrow screen | 320 px with no horizontal scroll | 320 px (criterion 1.4.10) |
The 5-minute test
- Use the piece with the keyboard only: Tab, Shift+Tab, Enter, Space, Esc.
- Zoom to 200% and shrink the window to 320 px.
- Set the system to “reduce motion” and reload.
- Run the contrast checker on small and supporting text.
- Open the page with a screen reader and go through the headings.