2-1-1
CAPTCHA die niet met het toetsenbord werkt
“Bewijs dat je geen robot bent.” Klik op alle afbeeldingen met een verkeerslicht. Sleep het puzzelstukje naar de juiste plek. Teken het patroon na.
Custom videospeler met onbereikbare knoppen
Een video op je website. Eigen vormgeving. Play-knop, volume, voortgangsbalk, fullscreen.
Infinite scroll zonder "laad meer"-knop
Je scrolt naar beneden. Meer producten laden. Je scrolt verder. Nog meer producten. Eindeloos.
Carrousel die alleen met klikken werkt
Pijltje links. Pijltje rechts. Klikken om door de slides te bladeren.
Hover-content zonder focus-equivalent
Hover over het producticoon. Een popup verschijnt met specificaties, prijs en een “Bekijk product”-link.
Custom dropdown die niet met toetsen werkt
Een prachtig gestylede dropdown. Hover erop: de opties verschijnen. Klik op een optie: geselecteerd.
Mouseover zonder focus-equivalent
Je hovert over een tekst. Een tooltip verschijnt. Handige extra informatie.
Klikbare div in plaats van een button
Een div met een onclick. Ziet eruit als een knop. Doet iets als je erop klikt.
SC 2.1.1 - Wat betekent "Toetsenbord toegankelijk"
WCAG 2.1.1 stelt dat alle functionaliteiten op een website toegankelijk zijn via een toetsenbord. Dit is belangrijk omdat niet iedereen een muis kan gebruiken. Interactieve elementen die niet met het toetsenbord te bedienen zijn, zullen ook niet voor schermlezers toegankelijk zijn.