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 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 opent een formulier met 5 velden. Geen labels, alleen grijze voorbeeldtekst die verdwijnt zodra je begint te typen. Halverwege weet je niet meer wat er in het eerste veld moest. Bij een paar velden staat een sterretje, maar nergens staat wat dat betekent. Daarom zegt WCAG: elk invoerveld heeft een label of instructie die duidelijk maakt wat er verwacht wordt.
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.
SC 3.3.7 - Wat betekent "Redundante invoer"
Je bent bezig met een online bestelling. In stap 1 vul je je naam en adres in. In stap 2 vraagt het formulier opnieuw om je naam. In stap 3 moet je je adres nog een keer invullen voor de facturatie. Je hebt dezelfde informatie drie keer getypt.
SC 3.3.8 - Wat betekent "Toegankelijke authenticatie"
Je wilt inloggen op een website. Eerst moet je een wachtwoord van zestien tekens typen dat je uit je hoofd moet kennen. Dan krijg je een CAPTCHA met vervormde tekst die je moet ontcijferen. Vervolgens moet je alle verkeerslichten in een raster aanklikken. En als je een fout maakt, begin je van voren af aan.
SC 4.1.2 - Wat betekent "Naam, rol, waarde"
Succescriterium 4.1.2 (Naam, rol, waarde) is het criterium waar je als ontwikkelaar het meest direct invloed op hebt. Het zegt dat elk interactief onderdeel dat je bouwt, programmatisch drie dingen moet prijsgeven: een naam (wat is het), een rol (wat voor soort onderdeel is het) en waar van toepassing een waarde of status (in welke stand staat het). Hulpsoftware zoals een screenreader leest die drie dingen uit de accessibility tree. Klopt er een van niet, dan hoort je gebruiker iets verkeerds of helemaal niets.
SC 4.1.3 - Wat betekent "Statusbericht"
Succescriterium (SC) 4.1.3 gaat over de statusmeldingen. Bij dit criterium moeten statusmeldingen (bijvoorbeeld foutmeldingen, bevestigingen, waarschuwingen) als dusdanig programmatisch bepaald kunnen worden, zodat gebruikers die afhankelijk zijn van ondersteunende technologieën (zoals schermlezers) deze meldingen kunnen horen op het moment dat ze worden getoond. Dit betekent dat je statusmeldingen zo codeert dat software ze kan herkennen en aan de gebruiker kan voorlezen.
1.3.2 - Wat betekent “Betekenisvolle volgorde”?
Jij ziet een pagina in één oogopslag: de kop staat groot bovenaan, de datum eronder in het klein, de foto ernaast. Je hersenen leggen die verbanden vanzelf. Iemand die een schermlezer gebruikt, krijgt de pagina niet in één oogopslag, maar als één lange reeks: item na item, van boven naar beneden. En die reeks komt uit de code, niet uit de vormgeving.
SC 2.4.1 - Wat betekent “Blokken overslaan” in WCAG?
Waarom is dit belangrijk? Veel websites hebben vaste onderdelen zoals menu’s, zijbalken en headerafbeeldingen die op elke pagina terugkomen. Voor mensen die een schermlezer gebruiken of met het toetsenbord navigeren, kan het vermoeiend zijn om elke keer door die herhalende blokken heen te moeten gaan om bij de eigenlijke inhoud te komen.
SC 3.2.1 - Wat betekent “Bij focus”
Wanneer iemand een website gebruikt met het toetsenbord of een schermlezer, “focust” die persoon op elementen zoals knoppen, links of invulvelden. Dat betekent dat ze actief zijn geselecteerd. Als er onverwacht iets verandert zodra een element focus krijgt (bijvoorbeeld een popup verschijnt of de pagina springt), kan dat heel verwarrend en frustrerend zijn. Zeker voor mensen die niet met een muis werken.
SC 3.2.3 - Wat betekent "Consistente navigatie"
Je kent het vast: je bent op een website, je hebt net geleerd waar het menu zit, en op de volgende pagina is alles anders. Het menu staat ergens anders, de volgorde is veranderd, of de zoekbalk is ineens verdwenen. Je moet opnieuw zoeken naar wat je net had gevonden.