Kleine mobiele bedieningselementen
Silktide laadt elke pagina op een gesimuleerd mobiel apparaat en rapporteert links, knoppen en formulierelementen die te klein zijn om betrouwbaar aan te tikken. Bedieningselementen moeten minstens 12 pixels breed en 12 pixels hoog zijn om te slagen.
Waarom dit belangrijk is
Vingers zijn minder nauwkeurig dan muisaanwijzers. Een bedieningselement waarop je op een desktop gemakkelijk kunt klikken, kan op een telefoon bijna onmogelijk aan te tikken zijn — bezoekers missen het, tikken in plaats daarvan op de aangrenzende link en komen ergens terecht waar ze niet naartoe wilden. Mensen met motorische beperkingen, tremoren of grotere vingers worden het sterkst getroffen, maar iedereen tikt weleens naast kleine doelen.
De drempel van 12 pixels detecteert alleen ernstig te kleine bedieningselementen; comfortabele aanraakdoelen zijn aanzienlijk groter (veelgebruikte richtlijnen adviseren ongeveer 44 pixels).
Hoe je dit oplost
- Vergroot het gemarkeerde bedieningselement — met grotere tekst, meer opvulling of een expliciete minimale grootte in :
\/* Geef aanraakdoelen een comfortabele minimale grootte *\/
a.icon-button {
min-width: 44px;
min-height: 44px;
}
- Maak bij links die alleen uit een pictogram bestaan het aanraakgebied groter dan het pictogram zelf met opvulling, in plaats van het pictogram te vergroten.
- Als een element helemaal niet interactief hoort te zijn — zoals een lege overgebleven link — verwijder het dan in plaats van het formaat aan te passen.
Hoe Silktide dit test
- Laad de pagina op een gesimuleerd mobiel apparaat.
- Zoek elk interactief bedieningselement: links, gebieden van afbeeldingskaarten, formuliervelden, vervolgkeuzemenu's, tekstgebieden en knoppen.
- Sla bedieningselementen over die verborgen zijn wanneer de pagina wordt geladen, geen grootte hebben of volledig buiten beeld staan.
- Meet elk overgebleven bedieningselement en rapporteer de elementen die smaller of korter zijn dan 12 pixels.
Problemen oplossen
Het element verschijnt pas na interactie
Silktide meet de pagina terwijl deze wordt geladen. Bedieningselementen in menu's of panelen die later worden geopend, worden in hun oorspronkelijke toestand gemeten. Daardoor kan een element soms worden gemarkeerd terwijl het midden in een animatie zit. Als het bedieningselement groot genoeg is wanneer het daadwerkelijk kan worden gebruikt, .
Hoe verhoudt dit zich tot de WCAG-regels voor doelgrootte?
Deze controle is gericht op mobiele bruikbaarheid en hanteert bewust een soepele drempel. De gerelateerde -controles — Doelgrootte (minimum) op Niveau AA en Redelijke doelgrootte op — hanteren strengere groottevereisten met meer genuanceerde uitzonderingen.