Doelgrootte (minimum)

Wat het vraagt

Elk interactief besturingselement op de pagina moet een klikgebied van ten minste 24×24 CSS-pixels beslaan — of voldoende ruimte eromheen hebben zodat een cirkel van 24×24 gecentreerd op het doel geen ander doel snijdt. De bedoeling is te voorkomen dat gebruikers met beperkte fijne motoriek, tremor of een touchscreen onderweg het doel missen en de verkeerde actie activeren.

WCAG 2.2 stelt het minimum op 24×24; het bestaande AAA-niveau 2.5.5 houdt het ambitieuzere doel van 44×44 aan.

Hoe te voldoen

• Stel een min-width / min-height van 24px in voor knoppen met alleen pictogram, sluitknoppen en elk tikdoel kleiner dan een gebruikelijke knop.
• Voor inline links binnen alinea’s bent u uitgezonderd — het succescriterium staat expliciet doelen „in een zin“ toe.
• Gebruik voor pictogramrijen (werkbalkknoppen, acties per tabelrij) opvulling om het klikgebied te vergroten naar 24×24, ook wanneer het pictogramglyph kleiner is.
• Voeg voor besturingselementen die visueel klein moeten blijven (een klein „x“ op een chip) een marge/spatiëringsbuffer toe zodat aangrenzende doelen ten minste 24px van elkaar verwijderd zijn, van middelpunt tot middelpunt.
• Controleer paginering, breadcrumbs, acties per tabelrij en werkbalkpictogrammen als eerste — daar clusteren de fouten.

Veelvoorkomende fouten

• 16×16-pictogramknoppen (sluiten, bewerken, verwijderen) zonder opvulling, met name in tabellen en werkbalken.
• Strakke pagineringsrijen waarbij Vorige / 1 / 2 / 3 / Volgende in vakjes van 18px strak tegen elkaar staan.
• Aangepaste selectievakjes/keuzerondjes die kleiner zijn opgemaakt dan het native besturingselement voor „minimalistische“ redenen.
• Zwevende actieknoppen op mobiel die groter zijn dan 24×24 maar te dicht bij andere tikdoelen staan.
• Tag-verwijder-„ד-knoppen van 10–14 pixels — uiterst gebruikelijk in chip-gebaseerde filter-UI’s.

Uitzonderingen om te kennen

Het succescriterium heeft vijf uitzonderingen: equivalent (een groter doel op dezelfde pagina doet hetzelfde), inline (in een zin), user-agent-besturing (standaardbrowser, bijv. native <select>), essentieel (de kleine grootte is vereist om de informatie over te brengen, bijv. een kaartspeld) en conform (een meer algemene regel dwingt de grootte — zeldzaam).

Waarom het belangrijk is

Doelgrootte-fouten komen disproportioneel voor bij mobiel testen en voor gebruikers met de ziekte van Parkinson, essentiële tremor, multiple sclerose of iedereen die een touchscreen met één hand in een trein gebruikt. De overgang van „geen minimum“ in 2.1 naar een ondergrens van 24×24 in 2.2 heeft de meeste productiesites onvoorbereid getroffen — verwacht dat dit het meest geciteerde nieuwe succescriterium zal zijn in audits van 2026.