44px touch targets
Make every interactive target at least 44×44 CSS px; inline text links excepted.
Draft — not yet reviewed by a maintainer
Why it matters
Small targets cause mis-taps on touch screens and are hard to hit with a tremor or limited dexterity. WCAG's AA minimum is 24px; 44px is its enhanced level and the bar these rules use.
How to check it
At 390, every button, link and control's hit area is 44×44px or more, inline links aside.
The default it guards against
32px icon buttons, tiny close crosses and tightly packed pill filters.
Library items that apply it
Where it comes from
- WCAG 2.2 SC 2.5.8 Target Size (Minimum) (AA: 24px)
- WCAG 2.2 SC 2.5.5 Target Size (Enhanced) (AAA: 44px)
- docs/quality-gates.md (Accessibility: touch targets about 44×44px)
Repository paths refer to the Tessli repository ; WCAG references are to WCAG 2.2.