Toetsenbordondersteuning

Silktide vindt onderdelen van je pagina's die reageren op een muis of touchscreen — klikken, aanwijzen, slepen — maar mogelijk niet werken voor iemand die alleen een toetsenbord gebruikt. Alles wat een bezoeker met een muis kan doen, moet ook met een toetsenbord mogelijk zijn.

Waarom dit belangrijk is

Veel mensen kunnen geen muis of touchscreen gebruiken: mensen met motorische beperkingen, mensen met tremoren en blinde gebruikers, van wie de de pagina via het toetsenbord bedienen. Voor al hen is functionaliteit die alleen op een aanwijzer reageert simpelweg niet beschikbaar. Toetsenbordbediening is succescriterium 2.1.1, een vereiste op niveau A — het meest basale niveau van de standaard.

Hoe je dit oplost

Gebruik bij voorkeur native -elementen — links, knoppen en formulierbesturingselementen — die standaard met een toetsenbord te bedienen zijn:

<!-- Werkt alleen met een muis: niet focusbaar, alleen dubbelklikken -->
<div ondblclick="location.href='/new-page'">Dubbelklik op mij</div>

<!-- Opgelost: een link werkt voor iedereen -->
<a href="/new-page">Ga naar pagina</a>

Voeg waar aangepaste interactie onvermijdelijk is een toetsenbordequivalent toe: maak het element focusbaar (tabindex="0") en verwerk toetsenbordevents naast de muisevents.
Interacties die alleen bij aanwijzen werken, zoals tooltips en vervolgkeuzemenu's, vereisen extra aandacht — toon ze zowel bij als bij aanwijzen.
Als een gemarkeerd element een toetsenbordequivalent heeft dat Silktide niet kon zien, kun je de bevinding .

Hoe Silktide dit test

Verzamel de die de pagina in de browser registreert.
Behoud de listeners voor alleen-muis- en alleen-touch-events: klikken, dubbelklikken, aanwijzen, muisbewegingen, het muiswiel, contextmenu's en touchgebaren.
Sla voor gewone click-handlers elementen over die al met een toetsenbord kunnen worden bediend — links, knoppen, formuliervelden en alles wat via tabindex focusbaar is — omdat Enter indrukken op een gefocust element de click-handler activeert.
Rapporteer de resterende elementen zodat je kunt bevestigen of er een toetsenbordalternatief bestaat.

Problemen oplossen

Het element heeft elders een toetsenbordalternatief

Silktide markeert elementen waarvan de listeners wijzen op gedrag dat alleen met een aanwijzer werkt, maar kan niet altijd zien dat dezelfde functionaliteit op een andere manier beschikbaar is — bijvoorbeeld een menu bij aanwijzen dat de zelfde links in de footer bevat, of een sleepactie met een gelijkwaardige knop. Als er daadwerkelijk een alternatief bestaat, keur je de bevinding goed.

Aanwijseffecten die puur decoratief zijn

Listeners die alleen het uiterlijk veranderen (een markering bij aanwijzen, een animatie) onthouden toetsenbordgebruikers geen functionaliteit. Deze kun je veilig goedkeuren.