Wcag-Uitgelegd
- Home /
- Categories /
- Wcag-Uitgelegd
1.1.1 - Wat betekent “Niet-tekstuele content”?
Waar gaat het over? Alle informatie die niet de vorm heeft van tekst, moet een tekstalternatief hebben dat de functie of betekenis van de informatie beschrijft. Hierdoor kan hulpsoftware de betekenis van die niet-tekstuele elementen overbrengen aan de gebruiker.
Lees meer over 1.1.1 - Wat betekent “Niet-tekstuele content”?1.2.3 - Wat betekent “Audiodescriptie of media-alternatief (vooraf opgenomen)”?
Waar gaat het over? Video’s die vooraf zijn opgenomen (dus niet live), moeten een audiobeschrijving of een tekstalternatief hebben voor visuele informatie die niet duidelijk wordt door de audio.
Lees meer over 1.2.3 - Wat betekent “Audiodescriptie of media-alternatief (vooraf opgenomen)”?1.2.5 - Wat betekent "Audiodescriptie"?
Waar gaat het over? Video’s die vooraf zijn opgenomen moeten een audiobeschrijving hebben voor de visuele informatie die niet duidelijk wordt door de audio.
Lees meer over 1.2.5 - Wat betekent "Audiodescriptie"?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.
Lees meer over 1.3.3 - Wat betekent "Zintuiglijke kenmerken"?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.
Lees meer over 1.4.10 - Wat betekent "Reflow"?1.4.12 - Wat betekent "Tekstafstand"
Waar gaat het over? De ruimte tussen alinea’s, regels, woorden en letters moet door bezoekers aangepast kunnen worden. Als een bezoeker hiervoor stijlregels toepast, mag er geen tekst verdwijnen, overlappen of onleesbaar worden. Let op: het gaat hier om iets anders dan het simpelweg vergroten van de tekst.
Lees meer over 1.4.12 - Wat betekent "Tekstafstand"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.
Lees meer over 1.4.4 - Wat betekent "Tekst vergroten"?SC 1.2.1 - Wat betekent "Alleen audio of alleen video”
Sommige media bestaan alleen uit geluid (bijvoorbeeld een podcast) of alleen uit beeld (bijvoorbeeld een instructievideo zonder gesproken uitleg). Voor mensen die doof, slechthorend, blind of slechtziend zijn, kan zo’n bestand onbegrijpelijk zijn zonder extra ondersteuning.
Lees meer over SC 1.2.1 - Wat betekent "Alleen audio of alleen video”SC 1.2.2 - Wat betekent “Ondertiteling (vooraf opgenomen)”
Video’s met geluid bevatten vaak belangrijke informatie, zoals gesproken tekst of geluidseffecten. Voor mensen die doof of slechthorend zijn, kan die informatie anders verloren gaan. Ondertiteling zorgt ervoor dat ook zij alles kunnen volgen.
Lees meer over SC 1.2.2 - Wat betekent “Ondertiteling (vooraf opgenomen)”SC 1.2.4 - Wat betekent “Ondertiteling (live)”
Live video’s en audiostreams worden steeds populairder voor webinars, evenementen en nieuwsuitzendingen. Maar zonder live ondertiteling kunnen mensen die doof of slechthorend zijn deze inhoud niet volgen. Ondertiteling zorgt ervoor dat de gesproken tekst en belangrijke geluiden voor iedereen toegankelijk zijn, ook tijdens live uitzendingen.
Lees meer over SC 1.2.4 - Wat betekent “Ondertiteling (live)”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.
Lees meer over SC 1.3.1 - Wat betekent “Informatie en relaties”SC 1.3.4 - Wat betekent “Oriëntatie”
Gebruikers bekijken websites op allerlei apparaten: van grote computerschermen tot kleine telefoons. Soms gebruiken ze hun apparaat in portretmodus (staand) en soms in landschapmodus (liggend). Mensen met bepaalde fysieke beperkingen kunnen hun apparaat misschien niet makkelijk draaien, of ze gebruiken vaste houders.
Lees meer over SC 1.3.4 - Wat betekent “Oriëntatie”SC 1.3.5 - Wat betekent “Invoerdoel identificeren”
Formulieren zijn vaak een belangrijk onderdeel van een website, bijvoorbeeld voor aanmeldingen, contactformulieren of online aankopen. Voor gebruikers met een beperking kan het invullen van formulieren ingewikkeld zijn. Moderne browsers en assistieve technologieën kunnen gebruikers helpen met automatisch invullen of personaliseren – maar alleen als de velden correct zijn gemarkeerd.
Lees meer over SC 1.3.5 - Wat betekent “Invoerdoel identificeren”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.
Lees meer over SC 1.4.1 - Wat betekent "Gebruik van kleur"?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.
Lees meer over SC 1.4.11 - Wat betekent “Contrast voor niet-tekstuele onderdelen”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). Denk aan tooltips, uitklapmenu’s of tekstballonnetjes. Dit kan verwarrend zijn voor gebruikers die geen muis gebruiken, motorische beperkingen hebben of een schermlezer gebruiken.
Lees meer over SC 1.4.13 - Wat betekent “Inhoud bij hover of focus”SC 1.4.2 - Wat betekent “Audiobediening”
Automatisch afspelende audio kan voor veel gebruikers een probleem zijn. Het kan verwarrend zijn voor mensen met cognitieve beperkingen, storend voor gebruikers van schermlezers en onhandig voor mensen die meerdere tabbladen open hebben. Daarnaast kunnen onverwachte geluiden gebruikers afleiden of irriteren.
Lees meer over SC 1.4.2 - Wat betekent “Audiobediening”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. WCAG schrijft specifieke contrastverhoudingen voor.
Lees meer over SC 1.4.3 - Wat betekent "Contrast (minimum)"?SC 1.4.5 - Wat betekent “Afbeeldingen van tekst”
Tekst die als afbeelding is opgenomen kan lastig leesbaar zijn voor mensen met een visuele beperking. Ze kunnen vaak niet worden vergroot zonder kwaliteitsverlies, schermlezers kunnen de tekst niet voorlezen, en ze kunnen lastig aangepast worden voor een betere leesbaarheid (zoals kleuren omdraaien of lettergrootte aanpassen).
Lees meer over SC 1.4.5 - Wat betekent “Afbeeldingen van tekst”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.
Lees meer over SC 2.1.1 - Wat betekent "Toetsenbord toegankelijk"SC 2.1.4 - Wat betekent “Sneltoetsen met tekens”
Veel webapps en websites gebruiken sneltoetsen om acties sneller uit te voeren. Denk aan “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.
Lees meer over SC 2.1.4 - Wat betekent “Sneltoetsen met tekens”SC 2.2.1 - Wat betekent "Tijdslimiet aanpassen"
Sommige mensen hebben meer tijd nodig om een taak op een website te voltooien. Denk aan 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.
Lees meer over SC 2.2.1 - Wat betekent "Tijdslimiet aanpassen"SC 2.2.2 - Wat betekent "Pauzeren, stoppen of verbergen"
Bewegende onderdelen op een website – zoals automatisch wisselende banners, schuifende teksten of knipperende advertenties – kunnen mensen afleiden, stress geven of zelfs fysieke klachten veroorzaken (bijvoorbeeld bij mensen met concentratieproblemen of vestibulaire aandoeningen).
Lees meer over SC 2.2.2 - Wat betekent "Pauzeren, stoppen of verbergen"SC 2.4.11 - Wat betekent “Focus niet volledig bedekt”
Voor gebruikers die met het toetsenbord navigeren, is het cruciaal dat ze altijd kunnen zien waar de focus zich bevindt. Als de focus-indicator wordt bedekt door andere elementen of uit beeld verdwijnt, kan dit voor grote verwarring zorgen. Gebruikers kunnen dan vastlopen of de context van de pagina kwijtraken.
Lees meer over SC 2.4.11 - Wat betekent “Focus niet volledig bedekt”SC 2.4.2 - Wat betekent “Paginatitels”
De titel van een webpagina is vaak het eerste wat mensen zien wanneer ze een nieuw tabblad openen, zoeken in hun browsergeschiedenis of naar een zoekresultaat kijken. Voor mensen die schermlezers gebruiken of meerdere tabbladen open hebben, is een duidelijke en specifieke paginatitel essentieel om te begrijpen waar ze zijn.
Lees meer over SC 2.4.2 - Wat betekent “Paginatitels”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.
Lees meer over SC 2.4.3 - Wat betekent “Focusvolgorde”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.
Lees meer over SC 2.4.4 - Wat betekent “Doel van links (in context)”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.
Lees meer over SC 2.4.5 - Wat betekent "Meerdere manieren"SC 2.4.6 - Wat betekent “Koppen en labels”
Koppen en labels helpen gebruikers om snel te begrijpen waar een stuk tekst of een formulier over gaat. Ze bieden structuur en context, vooral voor mensen die schermlezers gebruiken of snel willen navigeren door een pagina. Goede koppen en labels maken de inhoud overzichtelijker en toegankelijker.
Lees meer over SC 2.4.6 - Wat betekent “Koppen en labels”SC 2.4.7 - Wat betekent “Focus zichtbaar”
Mensen die hun toetsenbord gebruiken om door een website te navigeren, moeten kunnen zien welk element op dat moment actief is. Zonder een duidelijke focus-indicator kunnen ze de draad kwijt raken en niet zien waar ze zich bevinden op de pagina. Dit is vooral belangrijk voor mensen met een motorische beperking of visuele beperking.
Lees meer over SC 2.4.7 - Wat betekent “Focus zichtbaar”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.
Lees meer over SC 2.5.3 - Wat betekent “Label in naam”SC 2.5.7 - Wat betekent “Sleepbewegingen”
Veel moderne websites en apps maken gebruik van sleepbewegingen om inhoud te verplaatsen, bijvoorbeeld bij fotogalerijen, schuifbalken, kaarttoepassingen of drag-and-drop formulieren. Dit kan lastig of zelfs onmogelijk zijn voor gebruikers met een motorische beperking, zoals tremoren, beperkte handcoördinatie of spraakgestuurde apparaten.
Lees meer over SC 2.5.7 - Wat betekent “Sleepbewegingen”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.
Lees meer over SC 3.1.1 - Wat betekent "Taal van de pagina"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.
Lees meer over SC 3.1.2 - Wat betekent "Taal van onderdelen"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.
Lees meer over SC 3.2.2 - Wat betekent “Bij invoer”SC 3.2.4 - Wat betekent “Consistente identificatie”
Gebruikers van je website verwachten consistentie. Als knoppen, links en andere interactieve elementen telkens anders genoemd of weergegeven worden, kan dit verwarrend zijn – vooral voor mensen met cognitieve beperkingen of gebruikers van schermlezers.
Lees meer over SC 3.2.4 - Wat betekent “Consistente identificatie”SC 3.2.6 - Wat betekent “Consistente hulp”
Voor veel gebruikers is het belangrijk om snel hulp te kunnen vinden wanneer ze vastlopen op een website. Dit geldt vooral voor mensen met cognitieve beperkingen, lage digitale vaardigheden of gebruikers die stressgevoelig zijn. Als hulpopties zoals chat, hulplijnen of FAQ-secties elke keer op een andere plek staan, kan dit verwarrend zijn.
Lees meer over SC 3.2.6 - Wat betekent “Consistente 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.
Lees meer over SC 3.3.1 - Wat betekent "Foutidentificatie"SC 3.3.2 - Wat betekent "Labels en instructies"
Mensen moeten begrijpen wat ze moeten doen op een website. Vooral bij formulieren, invulvelden of interactieve elementen. Als het niet duidelijk is wat ergens ingevuld moet worden, raken mensen in de war of maken fouten – zeker gebruikers met een cognitieve beperking of mensen die een schermlezer gebruiken.
Lees meer over SC 3.3.2 - Wat betekent "Labels en instructies"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.
Lees meer over SC 3.3.3 - Wat betekent “Foutsuggestie”SC 3.3.4 - Wat betekent “Foutpreventie (juridisch, financieel, data)”
Fouten maken op een website kan altijd gebeuren, maar sommige fouten kunnen grote gevolgen hebben. Denk aan het verkeerd invullen van een belastingformulier, een verkeerde bestelling in een webshop, of een fout bij het opslaan van medische gegevens. Voor gebruikers met cognitieve beperkingen, laaggeletterdheid of mensen die snel afgeleid zijn, kunnen deze fouten extra lastig zijn om te herstellen.
Lees meer over SC 3.3.4 - Wat betekent “Foutpreventie (juridisch, financieel, data)”SC 3.3.7 - Wat betekent “Redundante invoer”
Veel formulieren vragen om dezelfde informatie op meerdere plekken, bijvoorbeeld je naam of adres. Voor sommige gebruikers – vooral mensen met motorische beperkingen, cognitieve beperkingen of gebruikers van schermlezers – kan dit frustrerend en tijdrovend zijn.
Lees meer over SC 3.3.7 - Wat betekent “Redundante invoer”SC 3.3.8 - Wat betekent “Toegankelijke authenticatie”
Veel websites en apps vereisen dat gebruikers inloggen of hun identiteit bevestigen, bijvoorbeeld via wachtwoorden, pincodes of puzzels. Voor mensen met een cognitieve beperking, motorische beperking of visuele beperking kunnen deze authenticatiemethoden vaak lastig zijn. Denk aan CAPTCHA’s die alleen werken met ingewikkelde beelden of codes die moeilijk in te typen zijn.
Lees meer over SC 3.3.8 - Wat betekent “Toegankelijke authenticatie”SC 4.1.2 - Wat betekent "Naam, rol, waarde"
Succescriterium 4.1.2 richt zich op het juist benoemen van interactieve elementen zoals knoppen, invoervelden en links. Dit succescriterium zorgt ervoor dat hulpsoftware zoals schermlezers deze elementen goed kunnen identificeren en de juiste naam, rol en waarde aan gebruikers kunnen overbrengen.
Lees meer over SC 4.1.2 - Wat betekent "Naam, rol, waarde"SC 4.1.3 - Wat betekent "Statusbericht"
Succescriterium (SC) 4.1.3 gaat over de statusmeldingen. Dit criterium vereist dat 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 statusmeldingen op een manier moeten worden gecodeerd dat ze door software kunnen worden gedetecteerd en aan de gebruiker kan worden voorgelezen.
Lees meer over SC 4.1.3 - Wat betekent "Statusbericht"1.3.2 - Wat betekent “Betekenisvolle volgorde”?
Waar gaat het over? De inhoud van een webpagina moet in een logische, begrijpelijke volgorde door hulpsoftware kunnen worden gepresenteerd. Dit bereik je door de inhoud op een betekenisvolle manier in de broncode te plaatsen. De visuele weergave mag afwijken van de volgorde in de HTML.
Lees meer over 1.3.2 - Wat betekent “Betekenisvolle volgorde”?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.
Lees meer over SC 2.4.1 - Wat betekent “Blokken overslaan” in WCAG?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.
Lees meer over SC 3.2.1 - Wat betekent “Bij focus”SC 3.2.3 - Wat betekent “Consistente navigatie”
Bezoekers – vooral mensen met een cognitieve beperking, laaggeletterdheid of schermlezers – vertrouwen op herkenbare patronen op een website. Als navigatie ineens verandert of verspringt tussen pagina’s, raakt de bezoeker in de war en is de site moeilijker te gebruiken.
Lees meer over SC 3.2.3 - Wat betekent “Consistente navigatie”