§ 13
WCAG — is the clickable target large enough?
Er denne knap/dette link stort nok til at ramme sikkert, især på en berøringsskærm?
Answer: WCAG 2.2's succeskriterium 2.5.8 kræver, at klikbare mål (knapper, links, ikoner man skal trykke på) er mindst 24×24 CSS-pixels — medmindre der er nok afstand til nabo-mål, målet står inline i tekst, eller størrelsen er styret af browseren selv. Den skærpede AAA-anbefaling (2.5.5) sætter grænsen ved 44×44 px. Indtast målets bredde og højde for at se, hvilket niveau det opfylder.
Formula
mindste tilladte klikbare mål (AA) = 24×24 CSS-pixels
anbefalet klikbart mål (AAA) = 44×44 CSS-pixels
| Symbol | Meaning | Unit |
|---|---|---|
| bredde_px | Målets bredde | px |
| hoejde_px | Målets højde | px |
| = | Mindste side | px |
| = | Area | px² |
Gyldighed og kilde
- Source
- WCAG 2.2, succeskriterium 2.5.8 Target Size (Minimum), AA (W3C) + 2.5.5 Target Size (Enhanced), AAA
Gælder ikke når
- Beregneren tjekker kun selve målets størrelse — den fulde undtagelsesvurdering (afstand til naboelementer, inline-tekst-undtagelsen) kræver et manuelt skøn af den konkrete placering.
Worked example
Beregnerens egne standardværdier sat ind. Tallene er regnet med præcis den formel værktøjet bruger.
Sat ind
- Målets bredde20 px
- Målets højde20 px
Giver
- Mindste side20 px
- Area400 px²
Members only
The calculator itself is locked
Create a free user account to unlock all articles, calculators, templates and range — and get access to quizzes and classes. It takes less than a minute: name, email and a password. No payment card.
Want to try something first? See what you can use without an account — the junior zone, the encyclopedia, the videos and more.