Deze vertaling is nog niet redactioneel gecontroleerd. De Duitse versie is leidend. Deutsche Fassung →
Barrierefreiheit
Waarom moet een website zonder muis bediend kunnen worden?
Een website moet zonder muis bedienbaar zijn, omdat veel mensen uitsluitend het toetsenbord gebruiken: blinde mensen met voorleesprogram, mensen met trillingen of verlamming en gebruikers van speciale toetsenborden. Bereikt de tabulatortoe ts een menupunt of een knop niet, bestaat deze functie voor al deze mensen eenvoudig niet — als zou u hem nooit hebben gebouwd. WCAG-criterium 2.1.1 stelt daarom volledige toetsenbordbediening verplicht.
Toetsenbord bediening in het dagelijks leven: tab, invoer en pijltoetsen
De bediening zonder muis volgt een vast patroon. De tabulator slaat een zichtbare markering van element tot element: van logo naar menu, van menu naar zoekveld, verder naar links en knoppen. De invoertoets opent het gemarkeerde element, pijltoetsen sturen menu's en selectielijsten. Een voorbeeld: wie uw contactformulier invult, springt met tab van veld tot veld en verzendt uiteindelijk met de invoertoets. Dit patroon werkt alleen als elk bedieningselement technisch als link, knop of formulierveld is opgebouwd. Een klikbare tekstparagraaf, die een script tot knop maakt, ziet er met de muis hetzelfde uit — voor het toetsenbord bestaat het niet.
Zo controleert de controledienst toetsenbord bediening
De controledienst drukt op uw pagina daadwerkelijk de tabulatortoe ts, halte voor halte, tot het einde van het document. Daarnaast zoekt hij in de broncode naar bedieningselementen die alleen op muisklik reageren: elementen met klikinstructie die voor het toetsenbord onbereikbaar zijn. Vindt hij zulke elementen, geldt het criterium als geschonden, en het rapport noemt het eerste betrokken element met bewijsfoto. Bereikt de tabulatortoe ts ondanks aanwezige bedieningselementen geen enkele halte, is ook dat een schending. Blijft de meting onbeslist, geeft het rapport het criterium duidelijk aan als handmatig controleren — een lege controle geldt bij ons als fout, nooit als vrijbrief.
Beispiele
Klick-Handler auf einem div
<div class="knopf" onclick="warenkorb()">In den Warenkorb</div><button type="button" onclick="warenkorb()">In den Warenkorb</button>Ein div erreicht die Tabulatortaste nicht und reagiert nicht auf Enter oder Leertaste. Ein button kann beides von selbst.
Menü öffnet nur beim Überfahren
.menue li:hover > ul { display: block; }.menue li:hover > ul,
.menue li:focus-within > ul { display: block; }focus-within öffnet das Untermenü auch, wenn der Fokus per Tastatur auf einem Eintrag liegt.
- Leg de muis opzij en bedien uw startpagina vijf minuten lang alleen met de tabulatorttoets, invoertoets en pijltjestoetsen.
- Controleer vooral menu's, zoekveld en winkelwagen — daar verschuilen zich de meeste plaatsen die alleen op muisklik reageren.
- Vraag uw agentschap voor elk klikbaar element echte bedieningselementen te gebruiken: koppeling, knop of formulierveld in plaats van klikbare tekst.
- Herhaal de toetsenbordtest na elke grote wijziging — een nieuw menuScript kan de toetsenbordtoegankelijkheid onopgemerkt verwijderen.