Luk-kryds på en modal
Et kryds i hjørnet af en dialog er 20 × 20 px.
- Målets bredde
- 20 px
- Målets højde
- 20 px
To znaczy: Den mindste side er 20 px, under kravet på 24 px. Giv knappen padding, så klikfladen bliver mindst 24 × 24, helst 44 × 44.
§ 13
WCAG — czy klikowalny cel jest wystarczająco duży?
Er denne knap/dette link stort nok til at ramme sikkert, især på en berøringsskærm?
Odpowiedź: 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.
Wzór
mindste tilladte klikbare mål (AA) = 24×24 CSS-pixels
anbefalet klikbart mål (AAA) = 44×44 CSS-pixels
| Symbol | Znaczenie | Jednostka |
|---|---|---|
| bredde_px | Målets bredde | px |
| hoejde_px | Målets højde | px |
| = | Mindste side | px |
| = | Powierzchnia | px² |
Ważność i źródło
- Źródło
- WCAG 2.2, succeskriterium 2.5.8 Target Size (Minimum), AA (W3C) + 2.5.5 Target Size (Enhanced), AAA
Nie dotyczy, gdy
- 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.
Przykład obliczeniowy
Wstawiono domyślne wartości kalkulatora. Liczby obliczono dokładnie tym wzorem, którego używa narzędzie.
Wstawiono
- Målets bredde20 px
- Målets højde20 px
Dawca
- Mindste side20 px
- Powierzchnia400 px²
Tylko dla członków
Sam kalkulator jest zablokowane
Utwórz bezpłatne konto, aby odblokować wszystkie artykuły, kalkulatory, szablony i asortyment — i uzyskać dostęp do quizów i klas. Zajmuje to poniżej minuty: imię, email i hasło. Żadna karta kredytowa.
Chcesz najpierw czegoś spróbować? Zobacz, czego możesz używać bez konta — strefa junior, leksykon, filmy i więcej.
Sådan bruger du den
Små ikoner og links er svære at ramme med en finger eller for folk med rystende hænder. WCAG 2.2 kræver mindst 24 × 24 CSS-pixels (2.5.8, AA), og 44 × 44 er anbefalingen på AAA-niveau (2.5.5). Beregneren viser målets mindste side og areal.
Krok za krokiem
- Mål knappens eller linkets klikbare område i DevTools (inkl. padding, uden margin).
- Find den mindste side.
- Sammenlign med 24 px (AA) og 44 px (AAA).
- Er målet mindre end 24 px, skal der være nok afstand til naboerne, ellers skal det gøres større.
Typowe błędy
- At måle kun ikonet. Det er hele den klikbare flade, der tæller, så padding hjælper.
- At tro at undtagelsen for links i tekst gælder alle links. Den gælder kun links midt i en sætning.
- At lade to små mål stå tæt op ad hinanden. Afstands-undtagelsen kræver en cirkel på 24 px om hvert mål, der ikke overlapper naboens.
Przykłady z codzienności
Mobilmenuens knap
Burger-knappen i toppen af en mobilside er 44 × 44 px.
- Målets bredde
- 44 px
- Målets højde
- 44 px
To znaczy: Den mindste side er 44 px, og arealet er 1936 px². Det opfylder også AAA.
Chip i et filter
Filterchips i en webshop er 32 px brede og 24 px høje.
- Målets bredde
- 32 px
- Målets højde
- 24 px
To znaczy: Den mindste side er 24 px, så chippen består AA lige akkurat. På mobil er større chips nemmere at ramme.
Reguła praktyczna
24 px er gulvet, 44 px er godt for fingre. Apple og Google anbefaler 44 pt og 48 dp.
Jak sprawdzić odpowiedź
Vælg elementet i DevTools, og hold musen over det. Den blå boks skal være mindst 24 × 24.