WCAG uitgelegd
Heldere uitleg van WCAG 2.2 succescriteria. Per criterium lees je wat het betekent, waarom het belangrijk is en hoe je eraan voldoet.
SC 1.4.2 - Wat betekent "Audiobediening"
Je opent een website en ineens begint er muziek te spelen. Of een promotievideo start automatisch met geluid. Voor de meeste mensen is dat irritant. Voor iemand die een schermlezer gebruikt, is het een ramp. Die schermlezer praat namelijk ook – en twee geluidsbronnen tegelijk maken het onmogelijk om de website te gebruiken.
SC 1.4.3 - Wat betekent "Contrast (minimum)"?
Waar gaat het over? Teksten moeten genoeg contrast hebben: de tekst en de achtergrond moeten in kleur en helderheid voldoende van elkaar verschillen. Dit kun je meten. De richtlijn noemt specifieke contrastverhoudingen.
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.
SC 2.1.4 - Wat betekent “Sneltoetsen met tekens”
Veel webapps en websites gebruiken sneltoetsen om acties sneller uit te voeren, zoals “Ctrl + S” om iets op te slaan of “Ctrl + F” om te zoeken. Maar soms worden ook enkele tekens gebruikt als sneltoets, zoals een “s” om naar zoeken te springen. Dit kan problematisch zijn voor mensen die alternatieve invoerapparaten gebruiken, zoals spraakherkenning of braille-toetsenborden, omdat ze onbedoeld acties kunnen triggeren.
SC 2.2.1 - Wat betekent \"Tijdslimiet aanpassen\"
Sommige mensen hebben meer tijd nodig om een taak op een website te voltooien, bijvoorbeeld mensen die lezen met een schermlezer, motorische beperkingen hebben, of gewoon rustig willen werken. Als je website een automatische tijdslimiet heeft (bijvoorbeeld bij formulieren, tests, of inlogsessies) en mensen kunnen die niet aanpassen, kunnen ze belangrijke acties verliezen.
SC 2.2.2 - Wat betekent \"Pauzeren, stoppen of verbergen\"
Een carrousel die automatisch door slides heen scrollt. Een nieuwsticker die langs de onderkant van het scherm glijdt. Een achtergrondanimatie die continu beweegt. Voor jou is het een dynamisch design-element. Voor iemand met ADHD, een concentratiestoornis of een vestibulaire aandoening kan het onmogelijk maken om de rest van de pagina te lezen.
SC 2.4.11 - Wat betekent \"Focus niet volledig bedekt\"
Je navigeert met je toetsenbord door een webshop. Je drukt op Tab om naar de volgende knop te gaan, maar die knop verdwijnt achter een sticky header. Of je focust op een link in de pagina, maar een cookiebanner bedekt precies dat element. Je weet dat de focus ergens is, maar je kunt niet zien waar.
SC 2.4.2 - Wat betekent \"Paginatitels\"
Je hebt twaalf tabbladen open in je browser. Je zoekt dat ene tabblad met je winkelwagen. Maar drie tabbladen heten “Home”, twee heten “Welkom”, en de rest toont alleen de naam van het bedrijf. Je moet elk tabblad aanklikken om te vinden wat je zoekt.
SC 2.4.3 - Wat betekent “Focusvolgorde”
Mensen die met het toetsenbord of andere invoerapparaten navigeren, vertrouwen op een logische focusvolgorde om door een website te bewegen. De focusvolgorde bepaalt in welke volgorde interactieve elementen (zoals knoppen, links en formuliervelden) geselecteerd worden wanneer je de Tab-toets gebruikt. Als de volgorde niet logisch is, kunnen gebruikers verdwalen of belangrijke onderdelen missen.
SC 2.4.4 - Wat betekent “Doel van links (in context)”
Links zijn een van de belangrijkste manieren om door een website te navigeren. Voor gebruikers van schermlezers, of mensen die snel door een pagina willen scannen, moet direct duidelijk zijn wat een link doet. Een linktekst als “Klik hier” of “Meer info” is vaak te vaag en onduidelijk buiten de context van de omringende tekst.
SC 2.4.5 - Wat betekent \"Meerdere manieren\"
Het doel van succescriterium 2.4.5 - Meerdere manieren van WCAG is om bezoekers minimaal twee mogelijkheden te bieden om elke pagina van de website te vinden. Waarom twee? Omdat we allemaal verschillend zijn en onze voorkeuren voor het zoeken kunnen variëren. De één gebruikt liever een zoekbalk, terwijl een ander de voorkeur geeft aan het doornemen van de volledige sitemap.
SC 2.4.6 - Wat betekent \"Koppen en labels\"
Je opent een pagina en de eerste kop is “Overzicht”. Overzicht van wat? Je scrollt naar beneden en ziet koppen als “Details”, “Meer informatie” en “Overig”. Geen enkele kop vertelt je wat er in die sectie staat. Je moet alles lezen om te begrijpen waar de pagina over gaat.