§ 13
WCAG — er det klikbare mål stort nok?
Er denne knap/dette link stort nok til at ramme sikkert, især på en berøringsskærm?
Svar: 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.
Formel
mindste tilladte klikbare mål (AA) = 24×24 CSS-pixels
anbefalet klikbart mål (AAA) = 44×44 CSS-pixels
| Symbol | Betydning | Enhed |
|---|---|---|
| bredde_px | Målets bredde | px |
| hoejde_px | Målets højde | px |
| = | Mindste side | px |
| = | Areal | px² |
Gyldighed og kilde
- Kilde
- 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.
Regneeksempel
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
- Areal400 px²
Kun for medlemmer
Selve beregneren er låst
Opret en gratis bruger for at låse op for alle artikler, beregnere, skabeloner og sortiment — og få adgang til quizzer og klasser. Det tager under et minut: navn, email og en adgangskode. Intet betalingskort.
Vil du prøve noget først? Se hvad du kan bruge uden konto — junior-zonen, leksikonet, videoerne og mere.