Nieuw in WCAG 2.2
Succescriterium 2.5.8 Grootte van het aanwijsgebied (minimum)
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.
Grootte van het aanwijsgebied (minimum) begrijpen (Engelstalig)
Het klikbare gebied van een bedieningselement, zoals knoppen en links, moeten groot genoeg zijn om gemakkelijk aan te klikken.
Mensen met een fysieke of motorische beperking kunnen mogelijk niet goed gebruik maken van een muis door bijvoorbeeld onvrijwillige bewegingen of coördinatieproblemen. Hierdoor bestaat de kans dat per ongeluk een verkeerd bedieningselement wordt geactiveerd als 2 kleine bedieningselementen te dicht naast elkaar staan.
Zorg daarom dat het klikbare gebied van een bedieningselement minimaal 24 bij 24 pixels is. Als dat niet lukt, zorg dan voor voldoende ruimte rondom zodat gebruikers niet per ongeluk iets anders aanklikken.
Een gebied van 24 bij 24 pixels is zo groot:
Uitzonderingen zijn:
- het aanwijsgebied én de ruimte om het element zijn samen tenminste 24 bij 24 pixels
- elementen waarvoor een alternatief is die wel groot genoeg is
- elementen die in een lopende tekst staan
- elementen waarbij de grootte van het aanwijsgebied wordt bepaald door de user agent en wordt niet aangepast door de auteur
- elementen waarvan een specifiek aanwijsgebied essentieel is (of is wettelijk vereist is)
Hoe pas je dit toe?
- Zorg dat het klikbare gebied van een bedieningselement minimaal 24 bij 24 pixels is.
- Zorg dat het klikbare gebied rondom een bedieningselement voldoende ruimte is.
Voor wie is dit belangrijk?
- Mensen die een fysieke of motorische beperking hebben.
Wie is verantwoordelijk?
- Vormgever
- Ontwikkelaar
Hoe toets je dit?
Benodigdheden
- Minimaal twee verschillende browsers (bijvoorbeeld Chrome en Firefox)
- Viewport ingesteld op 1280px bij 1024px
Testprocedure
Test 1: Aanwijsgebaren
- Open de te testen webpagina
- Stel de viewport in op 1280px bij 1024px
- Zorg dat de zoom op 100% staat
- Verken de pagina met toetsenbord en muis
- Bepaal welke functionaliteiten en bedieningselementen er zijn
- Probeer alle bedieningselementen uit:
- Links
- Knoppen
- Formulierelementen (invoervelden, keuzelijsten, selectievakjes, keuzerondjes, schuifregelaars, schuifbalken, enz.)
- Navigaties en subnavigaties
- Accordeons of andere elementen die kunnen uitvouwen en samenvouwen
- Dialoogvensters
- Carrousels
- Tabbladen
- Mediaspelers
- Meet het aanwijsgebied van bedieningselementen:
- Open de Inspector (Ontwikkelaarstools):
- Klik met rechtermuisknop op de link
- Selecteer ‘Inspecteren’ of ‘Inspecteer Element’
- Bekijk in het ‘Indeling‘ (Firefox) / ‘Berekend‘ (Chrome)-paneel:
- Width (breedte)
- Height (hoogte)
- Padding (alle kanten)
- Border (alle kanten)
- Of: Gebruik Command + Shift + C (macOS) / Control + Shift + C (Windows) en hover over de bedieningselementen
- Controleer:
- Of het totale aanwijsgebied minimaal 24 bij 24 CSS pixels is
- Of het element geen andere bedieningselementen overlapt
- Open de Inspector (Ontwikkelaarstools):
Belangrijk om te weten
- Width, height, padding en border tellen allemaal mee voor de grootte van het aanwijsgebied, ook als ze niet zichtbaar zijn.
- Je moet een vierkant van 24×24 pixels in het element kunnen tekenen. Let op bij afgeronde elementen.
Beoordeling
- Een aanwijsgebied moet minstens 24 bij 24 pixels groot zijn (inclusief padding en border)