WCAG-richtlijnen: zo voldoe je aan de 4 principes
In juni 2025 moeten websites en applicaties die producten of diensten verkopen via hun website voldoen aan de WCAG-richtlijnen. Voor bedrijven met meer dan tien medewerkers of een omzet boven de twee miljoen zijn deze regels zelfs wettelijk verplicht.
De kans is groot dat ook jij of je collega's hier stappen in moeten ondernemen. Wil je weten hoe? In dit artikel lees je hoe je de 4 WCAG-principes eigen maakt.
WCAG-richtlijnen: zo voldoe je aan de 4 principes
De WCAG-richtlijnen zijn opgedeeld in vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust. De punten onder deze principes komen in drie niveaus: A, AA en AAA. In dit geval is niveau AA het wettelijke vereiste waaraan bedrijven vanaf 28 juni 2025 moeten voldoen.
De nieuwste wettelijke richtlijnen omtrent digitale toegankelijkheid staan in WCAG 2.2. De richtlijnen die je hieronder ziet, zijn hierop gebaseerd.
WCAG-richtlijn #1: Waarneembaar
Inhoud of informatie op een pagina moet voor iedereen te horen of te zien zijn.
- Voeg alternatieve tekst toe aan afbeeldingen. Bijvoorbeeld schermlezers kunnen deze tekst voorlezen, waardoor de gebruiker weet waar de afbeelding voor dient.
- Maak video’s voor iedereen toegankelijk. Zorg voor ondertiteling bij video’s en/of toon op de webpagina een uitgeschreven versie van het videoscript of audiobestand.
- Creëer contrast. Tekst en achtergrond moeten goed van elkaar te onderscheiden zijn.
- Zorg voor schaalbaarheid. Inhoud moet te schalen zijn, zonder verlies van kwaliteit of functionaliteit. Letters moeten bijvoorbeeld op 200% grootte nog helder te lezen zijn.
- Wees concreet. Maak in tekst en spraak niet te veel metaforen naar zintuiglijke eigenschappen, zoals kleur, geluid of een locatie. Maak in plaats daarvan gebruik van anecdotes of voorbeelden.
WCAG-richtlijn #2: Bedienbaar
De website of app moet bedienbaar zijn via toetsenbord en andere hulpmiddelen.
- Maak alles toegankelijk via een toetsenbord. Niet iedereen kan een muis bedienen: zorg daarom dat je website of applicatie ook via knoppen te navigeren is. Laat het ook weten iemand andere knoppen moet indrukken dan de pijltjes.
- Navigatie moet logisch en intuïtief zijn. Maak bijvoorbeeld gebruik van een duidelijke paginatitel en kopjes. Ook linkjes moeten duidelijk laten zien waar de gebruiker heen gaat.
- Vermijd (korte) tijdslimieten. Zorg ervoor dat de sitebezoeker genoeg tijd heeft om een actie uit te voeren op een website of laat diegene zelf het tijdslimiet uitzetten of aanpassen.
- Automatisch getoonde content moet te verbergen of te pauzeren zijn. Dit verwijst bijvoorbeeld naar knipperende of scrollende informatie, zoals een pop-up. Deze moet je als bezoeker gemakkelijk uit kunnen zetten.
WCAG-richtlijn #3: Begrijpelijk
Informatie en de bediening van een website moeten eenvoudig te begrijpen zijn.
- Vermijd complexe jargon. Gebruik eenvoudige taal.
- Websites moeten een duidelijke opbouw en structuur hebben. Elementen die hetzelfde doel hebben, zoals knoppen of koppen, moeten makkelijk te herkennen zijn. Zorg daarnaast voor duidelijke en herhalende navigatie-onderdelen.
- Voeg duidelijke instructies toe bij formulieren. Het moet voor iemand direct duidelijk zijn wat ze gaan invullen. Zorg daarnaast voor een opvallende foutmelding, samen met instructies hoe deze goed gemaakt kan worden.
- Ingevulde gegevens moeten controleerbaar zijn bij een aankoop of wettelijke verplichting. De gebruiker moet zijn of haar gegevens kunnen checken voor ze tot aankoop overgaan, met de keuze om dit te veranderen of verbeteren. Daarnaast moet het mogelijk zijn om een verzending ongedaan te maken.
WCAG-richtlijn #4: Robuust
De website of app moet kunnen werken op verschillende telefoons, tablets en hulpmiddelen.
- Websites moeten voldoen aan de webstandaarden. Dit betekent onder andere dat de code duidelijke (en volledige) begin- en eindtags moet hebben. Ook moet een website toegankelijk blijven na een update.
- Een platform moet responsief zijn. Zorg dat je website of webapplicatie werkt met verschillende browsers, apparaten en hulptechnologieën zoals schermlezers.
Dit is een samengevatte en toegankelijk geschreven lijst van de richtlijnen. Hier vind je de officiële lijst met alle regels in WCAG 2.2.
Vragen over de WCAG-wetgeving
-
Wat zijn de WCAG-richtlijnen?
De richtlijnen van de WCAG moeten ervoor zorgen dat websites, (web)apps en digitale diensten te bruikbaar zijn voor iedereen, inclusief mensen die niet goed kunnen horen of zien. Maar ook voor mensen die bijvoorbeeld dyslexie hebben of geen muis kunnen gebruiken.
De nieuwste versie is WCAG 2.2, beschreven in dit document van de Europese Unie.
-
Wat zijn de voordelen van de WCAG-principes?
Een groot voordeel van het houden aan de WCAG-principes, is dat je een verbeterde gebruikerservaring (UX) biedt voor alle gebruikers én hierdoor sneller gevonden wordt in Google.
Websites die voldoen aan deze wet zijn vaak overzichtelijker en gemakkelijker te lezen. Zoekmachines geven daarnaast de voorkeur aan websites en pagina’s die een duidelijke structuur en heldere content hebben.
-
Vanaf wanneer geldt de wet digitale toegankelijkheid?
WCAG staat voor Web Content Accessibility Guidelines. In het Nederlands noemen we dit ook wel digitale toegankelijkheid.
Vanaf 28 juni 2025 moeten veel e-commercebedrijven (bedrijven die producten of diensten verkopen) voldoen aan de WCAG-richtlijnen als de European Accessibility Act (EAA) van kracht gaat. Daarnaast moeten nieuwe digitale producten en diensten die na juni 2025 op de markt komen, hieraan voldoen.
De overheid zal hierop toezien, en niet-naleving kan leiden tot boetes. Eerder waren de WCAG-richtlijnen al verplicht voor overheidswebsites.
-
Hoe werken jullie aan digitale toegankelijkheid?
Er zijn diverse officiële tools beschikbaar om de digitale toegankelijkheid van een website of webapplicatie te testen. Wij gebruiken onder meer Lighthouse, een tool die geïntegreerd is in Google Chrome en Microsoft Edge, en bereikbaar is via Developer’s Tools.
Aan de hand van de score en verbeterpunten die hieruit volgen, voeren wij (als specialisten op het gebied van webdesign & UX en online zichtbaarheid) verbeteringen of aanpassingen door aan de code en het design die waarneembaar en testbaar de toegankelijkheid verbeteren. Ook als iemand een nieuwe website bij ons afneemt, leveren wij deze volgens de WCAG-regels.
Wij helpen je met de digitale toegankelijkheid van je website of webapp
Dit kunnen we voor je doen:
- Het toevoegen van automatisch gegenereerde tekstalternatieven (alt-tekst) bij alle afbeeldingen op je site.
- Het aanpassen van kleuren (tekst / achtergrond) voor voldoende contrast.
- Navigatieknoppen, kopjes en formulieren een passende beschrijving en doel geven.
- Het toepassen van HTML-tags, zoals H1, H2 en H3, diezorgen voor een logische en duidelijke structuur van je pagina.
Ook kunnen we jullie via onze WCAG-workshop handvatten geven om dit zelf toe te passen.
Benieuwd naar de mogelijkheden? Vraag een offerte aan of plan een adviesgesprek met ons in.
Auteur: Sabine van IJs
Lead digital en online marketing
Sabine werkt met volle energie en toewijding aan alles wat online is. Van creatieve ideeën tot slimme SEO-strategieën - zij weet als geen ander hoe je online impact maakt.