Wat is Touch Target Size Checker?
WCAG 2.2 succescriterium 2.5.8 Target Size vereist dat interactieve elementen een doelgebied hebben van ten minste 24x24 CSS-pixels (AA). Het AAA-niveau vereist 44x44px. Deze formaten zorgen ervoor dat mensen met motorische beperkingen of die touch-apparaten gebruiken betrouwbaar kunnen tikken of klikken op interactieve elementen zonder per ongeluk aangrenzende elementen te activeren.
Snel antwoord
WCAG 2.2 vereist dat interactieve elementen een doelgrootte hebben van ten minste 24x24px (AA) of 44x44px (AAA). Vier uitzonderingen zijn van toepassing: inline links, native besturingselementen, essentiële elementen en elementen met 24px+ afstand tot aangrenzende doelen. Gebruik CSS min-width/min-height en gap/padding om te kleine doelen te repareren.
Last updated: 2026-05-28
Beperkingen
- Deze tool controleert alleen statische afmetingen. Het houdt geen rekening met dynamische layouts, responsieve breekpunten of zoomniveaus die de effectieve doelgrootte kunnen veranderen bij verschillende schermformaten.
- De spatiëringsuitzondering vereist handmatige verificatie van de werkelijke afstand tussen aangrenzende doelen. Deze tool controleert de door u ingevoerde afstandswaarde maar kan geen werkelijke DOM-layoutafstanden meten.
- WCAG 2.5.8 is een AA-vereiste op niveau in WCAG 2.2. Sommige handhavingsinstanties passen het strikter toe dan anderen, en de interpretatie van uitzonderingen varieert.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Zo gebruik je deze tool
- Voer de breedte en hoogte van uw interactieve element in CSS-pixels in.
- Voer de afstand tot het dichtstbijzijnde aangrenzende interactieve element in, indien bekend.
- Selecteer het elementtype — verschillende uitzonderingen zijn van toepassing op inline links, native besturingselementen en essentiële elementen.
- Bekijk het slaag-/faalresultaat en de CSS-herstelaanbevelingen.
Waarvoor je het kunt gebruiken
- Controleer of mobiele navigatieknoppen voldoen aan de 24px AA-doelgroottevereiste.
- Controleer of kleine icon-only knoppen voldoende afstand hebben tot aangrenzende elementen om in aanmerking te komen voor de spatiëringsuitzondering.
- Audit een pagina op touch-toegankelijkheid voor een WCAG-nalevingsbeoordeling.