2.5.8 Grootte van het aanwijsgebied

(Niveau: AA)

Alle interactieve elementen op een website, zoals icoontjes van social media, zijn groot genoeg zodat gebruikers niet per ongeluk een verkeerd icoon aanklikken. Het minimaal klikbare gebied is 24 bij 24 pixels groot.

Een aanwijsgebied hoeft niet minimaal 24 bij 24 pixels groot te zijn, wanneer:

  • Het gebied zelf te klein is, maar er binnen een cirkel van 24 pixels geen andere klikbare elementen op de pagina staan. Dit voorkomt dat fouten gemaakt worden.
  • De pagina een ander alternatief bevat dat hetzelfde doel heeft.
  • Het onderdeel deel van een zin is. Denk bijvoorbeeld aan een deel van een zin.
  • De browser de grootte van het element bepaald.
  • De kleine weergave essentieel of wettelijk verplicht is.

Voorbeeld van te klein aanwijsgebied

De onderstaande iconen staan te dicht op elkaar, waardoor ze niet voldoen aan succescriterium 2.5.8.

LinkedIn logoFacebook logoInstagram logo

2.5.8 Testen

Het testen van 2.5.8 is gelukkig eenvoudig. Adrian Roselli heeft een handige bookmarklet aangemaakt. Via zijn website kun je eenvoudig zelf deze tool installeren en gebruiken. Door met de cursor over een onderdeel te hoveren, zie je direct of het voldoet aan het minimaal aantal pixels van 24 bij 24.

De grootte van het aanwijsgebied voor aanwijzerinvoer is ten minste 24 bij 24 CSS pixels, behalve in de volgende gevallen:

  • Afstand: Te kleine aanwijsgebieden (minder dan 24 bij 24 CSS-pixels) zijn gepositioneerd zodat als een cirkel met een diameter van 24 CSS-pixels wordt gecentreerd op het begrenzingskader van elk aanwijsgebied, de cirkels geen ander aanwijsgebied of de cirkel voor een ander te klein aanwijsgebied overlappen;
  • Gelijkwaardig: De functie kan worden bereikt via een ander bedieningselement op dezelfde pagina dat aan dit criterium voldoet;
  • Inline: Het aanwijsgebied bevindt zich in een zin of de grootte ervan wordt op een andere manier beperkt door de regelhoogte van tekst die geen deel uitmaakt van het aanwijsgebied;
  • Bepaald door user agent: De grootte van het aanwijsgebied wordt bepaald door de user agent en is niet aangepast door de auteur;
  • Essentieel: Een specifieke weergave van het aanwijsgebied is essentieel of is wettelijk vereist voor de betreffende informatie.

Hulp bij digitale toegankelijkheid

Wij zijn een full-service partner voor digitale toegankelijkheid: bewustwording, advies en borging. Samen maken we digitale dienstverlening toegankelijk en inclusief.