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 2.4.7 - Wat betekent \"Focus zichtbaar\"
Stel je voor dat je een formulier invult met je muis, maar de cursor is onzichtbaar. Je klikt ergens en hoopt dat je het juiste veld raakt. Dat klinkt absurd, maar precies dat is wat er gebeurt als een website geen zichtbare focus-indicator heeft voor toetsenbordgebruikers.
SC 2.5.3 - Wat betekent “Label in naam”
Mensen die spraakherkenningssoftware gebruiken om te navigeren, moeten vaak de exacte naam of het label van een knop, link of ander interactief element uitspreken om die te activeren. Als de zichtbare tekst niet overeenkomt met de technische naam van het element, kan dit verwarrend zijn of zelfs onbruikbaar worden.
SC 2.5.7 - Wat betekent \"Sleepbewegingen\"
Je hebt een mooie interface gebouwd waar gebruikers items kunnen slepen om ze te sorteren. Of een kaart waar je kunt slepen om te navigeren. Of een kanban-bord waar je taken van de ene kolom naar de andere sleept. Intuïtief, toch?
SC 3.1.1 - Wat betekent \"Taal van de pagina\"
Succescriterium (SC) 3.1.1 stelt dat de standaardtaal van een webpagina moet worden aangegeven. Dit betekent dat de primaire taal waarin de navigatie, de header en de footer is geschreven, de correcte specificatie in de HTML-code moet krijgen. Dit helpt ondersteunende technologieën, zoals schermlezers, om de inhoud correct uit te spreken.
SC 3.1.2 - Wat betekent \"Taal van onderdelen\"
Websites zijn vaak in één hoofdtalen geschreven, zoals Nederlands of Engels. Maar soms gebruik je korte stukjes tekst in een andere taal, bijvoorbeeld een Engelse uitspraak in een Nederlandse tekst. Als je niet aangeeft dat de taal verandert, snappen schermlezers het niet goed en lezen ze de tekst verkeerd voor.
SC 3.2.2 - Wat betekent “Bij invoer”
Soms verandert er iets op een website zodra je ergens iets invult of selecteert. Bijvoorbeeld een formulier dat meteen verzendt als je een optie aanklikt, of een pagina die direct verspringt naar een andere stap. Voor veel bezoekers – vooral mensen die langzaam navigeren of een schermlezer gebruiken – kan dat verwarrend of zelfs frustrerend zijn.
SC 3.2.4 - Wat betekent "Consistente identificatie"
Op de homepage staat een knop “Zoeken”. Op de productpagina heet dezelfde functie “Vind”. In de footer staat “Search”. Het zijn allemaal dezelfde actie, maar ze heten steeds anders. Voor de meeste bezoekers is dat licht verwarrend. Voor iemand met een cognitieve beperking kan het het verschil zijn tussen een website die werkt en een die niet te gebruiken is.
SC 3.2.6 - Wat betekent \"Consistente hulp\"
Je zit vast op een website. Je hebt een vraag over je bestelling, of je snapt een formulier niet. Je zoekt naar de helpknop. Op de vorige pagina stond die rechtsonder. Maar op deze pagina is die nergens te vinden. Of hij staat ineens linksboven. Of hij heet nu “Support” in plaats van “Hulp”.
SC 3.3.1 - Wat betekent \"Foutidentificatie\"
Iedereen maakt wel eens een fout bij het invullen van een formulier. Maar als je niet duidelijk ziet wat er fout ging, kun je het probleem niet oplossen. Voor mensen met een cognitieve beperking, slechtzienden of gebruikers van schermlezers is dat extra lastig.
SC 3.3.2 - Wat betekent \"Labels en instructies\"
Je komt op een formulier met vijf velden. Geen labels, alleen placeholders die verdwijnen zodra je begint te typen. Halverwege het formulier weet je niet meer wat je in het eerste veld hebt getypt, en ook niet of het het juiste veld was. Er staat “Verplicht” bij sommige velden, maar welke? En dat telefoonnummerveld – moet je +31 ervoor zetten of niet?
SC 3.3.3 - Wat betekent “Foutsuggestie”
Iedereen maakt wel eens een fout bij het invullen van een formulier – een verkeerd e-mailadres, een vergeten veld of een foutief wachtwoord. Voor mensen met een cognitieve beperking, laaggeletterdheid of gebruikers van schermlezers kan het extra moeilijk zijn om deze fouten te begrijpen en te herstellen, zeker als de foutmelding onduidelijk is.
SC 3.3.4 - Wat betekent \"Foutpreventie (juridisch, financieel, data)\"
Je bestelt een vliegticket online. Je typt per ongeluk Amsterdam in plaats van Rotterdam als bestemming. Je klikt op “Bevestigen” en de boeking is definitief. Geen bevestigingsscherm, geen mogelijkheid om terug te gaan, geen “Weet je het zeker?”. Het ticket is gekocht, en annuleren kost je geld.