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.
1.3.3 - Wat betekent \"Zintuiglijke kenmerken\"?
Waar gaat het over? Gebruik niet alleen zintuiglijke kenmerken zoals kleur, vorm of locatie om iets uit te leggen, maar vul het aan met andere informatie.
1.4.10 - Wat betekent \"Reflow\"?
Websites moeten zich automatisch aanpassen aan kleinere schermen of hogere zoomniveaus, zonder dat je horizontaal hoeft te scrollen om de gewone tekst te lezen.
1.4.4 - Wat betekent \"Tekst vergroten\"?
Waar gaat het over? Bezoekers moeten de tekst op de website minstens 200% kunnen vergroten, zonder dat er inhoud of functionaliteit verloren gaat.
SC 1.2.1 - Wat betekent \"Alleen audio of alleen video\"
Een podcast op je website. Een instructievideo zonder gesproken tekst. Een audiofragment van een interview. Voor jou is de inhoud duidelijk, maar voor iemand die doof is, bestaat die podcast niet. En voor iemand die blind is, is die stille instructievideo een zwart gat.
SC 1.2.2 - Wat betekent "Ondertiteling (vooraf opgenomen)"
Een productvideo op je webshop. Een uitlegvideo op je helppagina. Een opgenomen webinar in je academy. Als er gesproken tekst in zit, moeten er ondertitels bij. Niet als leuke extra, maar als vereiste – want zonder ondertiteling is die video ontoegankelijk voor iedereen die het geluid niet kan horen.
SC 1.2.4 - Wat betekent \"Ondertiteling (live)\"
Je organiseert een webinar over je nieuwe product. Honderden mensen kijken mee. Maar voor de dove deelnemers is het alsof je een stomme film vertoont zonder tussenteksten. En voor de deelnemer die in een lawaaierig kantoor zit, is het onmogelijk om te volgen wat er gezegd wordt.
SC 1.3.1 - Wat betekent “Informatie en relaties”
Webpagina’s bestaan uit meer dan alleen losse teksten. De manier waarop onderdelen zoals koppen, lijsten, tabellen en formulieren worden gestructureerd, bepaalt hoe gebruikers – vooral die met een schermlezer – de inhoud begrijpen. Zonder duidelijke structuur kan belangrijke context verloren gaan.
SC 1.3.4 - Wat betekent \"Oriëntatie\"
Je opent een website op je telefoon. Je draait je scherm op z’n kant om een tabel beter te bekijken, en ineens springt alles terug naar staand. Of je ligt in bed met je telefoon op z’n kant, en de hele website is onbruikbaar omdat die alleen in portretmodus werkt.
SC 1.3.5 - Wat betekent "Invoerdoel identificeren"
Stel je voor: je vult voor de zoveelste keer een contactformulier in. Naam, e-mail, telefoonnummer, adres. Je browser kent die gegevens allang, maar het formulier werkt niet mee. Je moet alles handmatig typen. Irritant als je haast hebt, maar een echt probleem als je een motorische beperking hebt en elke toetsaanslag moeite kost.
SC 1.4.1 - Wat betekent \"Gebruik van kleur\"?
Waar gaat het over? Kleur mag nooit de enige manier zijn om informatie over te brengen.
SC 1.4.11 - Wat betekent “Contrast voor niet-tekstuele onderdelen”
Toegankelijkheid gaat niet alleen over leesbare tekst. Ook visuele elementen zoals knoppen, iconen, formuliervelden en focusindicatoren moeten duidelijk zichtbaar zijn. Als deze nauwelijks afsteken tegen de achtergrond, kunnen gebruikers belangrijke functies of informatie missen.
SC 1.4.13 - Wat betekent “Inhoud bij hover of focus”
Sommige informatie verschijnt pas wanneer je ergens met de muis overheen gaat (hover) of wanneer je een element selecteert met je toetsenbord (focus). Bijvoorbeeld tooltips, uitklapmenu’s of tekstballonnetjes. Dit kan verwarrend zijn voor gebruikers die geen muis gebruiken, motorische beperkingen hebben of een schermlezer gebruiken.