Normen · WCAG 2.2

SC 2.5.5 Niveau AAA WCAG 2.1

Doelgrootte (uitgebreid)

Interactieve doelen moeten ten minste 44×44 CSS-pixels zijn. Dit is de AAA-vereiste voor uitgebreide doelgrootte; het AA-niveau 2.5.8 stelt een minimum van 24×24.

Wat het vraagt

Elk interactief doel moet een klikgebied van ten minste 44×44 CSS-pixels beslaan. Dezelfde uitzonderingen als voor het AA-niveau 2.5.8 zijn van toepassing: equivalent doel beschikbaar, inline tekst, user-agent-besturing, essentieel en conform.

44×44 is het getal waarop Apple, Google en Microsoft samenkomen in hun eigen ontwerprichtlijnen, waardoor het voldoen aan dit succescriterium doorgaans aansluit bij platformnormen voor gebruikersinterfaces in plaats van daartegen in te gaan.

Hoe te voldoen

  • Stel min-width: 44px; min-height: 44px in voor knoppen, besturingselementen met alleen pictogram, formuliervelden en elk tikdoel.
  • Gebruik opvulling binnen kleine pictogramknoppen om het klikgebied naar 44×44 te vergroten, zelfs wanneer het pictogramglyph 16–24px is.
  • Controleer paginering, breadcrumbs, mobiele navigatie, actie-pictogrammen in tabelrijen, chip-verwijderknoppen en zwevende actieknoppen als eerste.
  • Zorg voor visueel kleine besturingselementen voor 44×44 vrije ruimte eromheen (geen andere doelen binnen die straal).

Veelvoorkomende fouten

  • 24×24 of 32×32 pictogramknoppen in werkbalken — voldoen aan AA maar niet aan AAA.
  • Pagineringsrijen met vakjes van 30 pixels.
  • Dichte acties per tabelrij waarbij Bewerken / Dupliceren / Verwijderen naast elkaar staan.
  • Chip-verwijder-×-knoppen opgemaakt op 12–20px.

Waarom het belangrijk is

De grens van 44×44 is de drempel waarbij verkeerde tikken bijna nul worden voor gebruikers met de ziekte van Parkinson, essentiële tremor, MS en andere motorische aandoeningen, en voor iedereen die een telefoon met één hand gebruikt tijdens het bewegen. AAA-succescriteria zijn normaal gesproken niet vereist voor naleving, maar veel gereguleerde sectoren (bankwezen, overheid, gezondheidszorg) streven naar AAA in de mobiele gebruikersinterface, specifiek vanwege de disproportionele problemen die mobiel oplevert voor gebruikers met motorische beperkingen. Als u al voldoet aan 2.5.8, is het verhogen van 24 naar 44 meestal een wijziging van één Tailwind-klasse.