De (verplichte) WCAG-richtlijnen 2025, ben jij er klaar voor?

WCAG staat voor Web Content Accessibility Guidelines. Het is een internationale standaard die richtlijnen geeft voor het maken van websites en apps die toegankelijk zijn voor iedereen, ongeacht eventuele beperkingen. Denk hierbij aan mensen met een visuele, auditieve, motorische, cognitieve of andere beperking.

Het klinkt logisch dat je hier rekening mee houdt, maar het is zeker nog niet vanzelfsprekend.

De beste gebruikerservaring voor iedereen

De WCAG-richtlijnen zijn van belang voor een inclusieve digitale wereld. Door deze richtlijnen te volgen, zorg je ervoor dat jouw website of applicatie toegankelijk is voor een zo breed mogelijk publiek. Dit betekent niet alleen dat mensen met een beperking de content kunnen ervaren, maar ook dat de gebruikerservaring voor iedereen verbetert.

Miljoenen Europeanen, waaronder ruim een derde van de Nederlanders, leven met een lichamelijke of cognitieve beperking. Deze groep stuit dagelijks op digitale barrières, zoals ontoegankelijke websites. Omdat online winkelen steeds belangrijker wordt, is het van belang dat ook mensen met een beperking overal kunnen shoppen. Vanaf juni 2025 wordt dit recht wettelijk vastgelegd in de Europese Unie.

De WCAG wordt vaak als referentiekader gebruikt om te bepalen of een website of applicatie voldoet aan deze wettelijke eisen.

“In Nederland alleen al zijn er miljoenen mensen die moeite hebben zich te bewegen in deze digitale wereld. Niet alleen de ouderen, maar ook mensen met kleurenblindheid, laaggeletterdheid of een (functie)beperking.”

Wat houden de WCAG-richtlijnen in en wat verandert er in 2025?

De WCAG richt zich op vier fundamentele principes om digitale content toegankelijk te maken. Dit zijn vier principes die het fundament voor webtoegankelijkheid vormen:

• Waarneembaarheid
• Bedienbaarheid
• Begrijpelijkheid
• Robuustheid

Eens in de zoveel tijd worden hier richtlijnen aan toegevoegd en wordt een nieuwe ‘versie’ uitgerold. De WCAG 2.1 is een internationale standaard die webcontent toegankelijker maakt voor mensen met een beperking. Deze richtlijnen helpen om websites bruikbaarder te maken voor een breder publiek. De WCAG 2025 richt zich op visuele, auditieve, fysieke en cognitieve beperkingen en is ontwikkeld door experts wereldwijd. Deze richtlijnen bouwen voort op WCAG 2.0 en 1.0 en zorgen er nog meer voor dat alle content die online staat voor iedereen toegankelijk is, wordt en blijft.

Daarnaast bestaat de Wet gelijke behandeling op grond van handicap en chronische ziekte. Deze wet is aangepast naar aanleiding van het VN-verdrag handicap en is op 1 januari 2017 in werking getreden. Het verplicht de overheid én het bedrijfsleven om hun goederen en diensten zo toegankelijk mogelijk aan te bieden. Mensen die tegen een probleem met toegankelijkheid aanlopen kunnen een beroep doen op deze wet om aanpassingen te eisen.

Het doel is een gemeenschappelijke standaard te creëren voor toegankelijkheid.

De Dtch. Digitals widget voor WordPress websites

Om te voldoen aan de richtlijnen dien je aanpassingen door te voeren binnen jouw website of webshop. Toch kan ik mij voorstellen dat je niet jouw gehele huisstijl hiervoor aan wilt passen. Hiervoor heb ik een widget ontwikkeld (hij staat op deze pagina) om met een paar drukken op de knop de pagina in kwestie toegankelijk te maken en bijvoorbeeld lettertype te vergroten of kleuren om te zetten die iemand wel kan zien. In de video hieronder leg ik de richtlijnen én deze widget samen met mijn collega Annemarie nog eens uit.

Onderstaand een korte toelichting per principe.

Waarneembaarheid

Informatie- en gebruikersinterface componenten moeten op een waarneembare manier worden gepresenteerd. Dit betekent bijvoorbeeld dat er tekst alternatieven moeten zijn voor niet-tekstuele content en dat multimedia content moet worden ondertiteld.

Bedienbaarheid

Gebruikersinterface componenten en navigatie moeten bedienbaar zijn. Dit houdt in dat alle functionaliteiten beschikbaar moeten zijn via een toetsenbord, dat gebruikers voldoende tijd moeten hebben om content te lezen en te gebruiken en dat content niet mag flikkeren/knipperen op een manier die aanvallen kan veroorzaken.

Begrijpelijkheid

Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn. Dit betekent onder andere dat tekst begrijpelijk en leesbaar moet zijn, dat webpagina’s voorspelbaar moeten zijn in hun werking en dat gebruikers geholpen moeten worden bij het vermijden en herstellen van fouten.

Robuustheid

Inhoud moet voldoende robuust zijn om betrouwbaar te worden geïnterpreteerd door een breed scala aan gebruikers, inclusief hulp technologieën zoals schermlezers.

“Uit onderzoek is gebleken dat gemiddeld 71% van de Nederlandse webshops nog niet voldoet aan deze richtlijnen.”

De European Accessibility Act (EAA)

In 2025 treedt de European Accessibility Act (EAA) in werking. Dit betekent een grote verandering voor de digitale toegankelijkheid van websites en apps in Europa én grote boetes waar je als website- of webshop houder rekening mee moet houden.

Wat betekent dit concreet?

Vanaf 28 juni 2025 moeten alle websites en webshops die producten of diensten aanbieden aan klanten in Europa voldoen aan de Web Content Accessibility Guidelines (WCAG) versie 2.1 niveau AA, oftewel WCAG 2.1 AA. Dit geldt niet alleen voor overheidswebsites, maar voor alle bedrijven die online actief zijn.

De EAA maakt de regels voor digitale toegankelijkheid concreter en strenger. Dit betekent dat websites en apps niet alleen technisch toegankelijk moeten zijn, maar ook dat de informatie begrijpelijk moet zijn voor iedereen.

Als je een website of app hebt, is het belangrijk om je voor te bereiden op deze verandering. Dit betekent dat je je website of app moet laten controleren op toegankelijkheid en eventueel aanpassingen moet doen. Ook als je een nieuwe website laat maken moet je hier goed rekening mee houden.

Heb jij een Nederlands bedrijf en richt jij je op de Duitse markt?

Heb jij een Nederlandse webshop, ben je actief in de internationale handel én richt jij jouw webshop ook specifiek op de Duitse markt? Dan gaat er de komende tijd het een en ander voor jou veranderen. Vanaf 28 juni 2025 treedt er namelijk een nieuwe wet in werking : de barrierefreiheitsstarkungsgesetz (BFSG).

Deze BFSG wet heeft effect op het responsive website design voor websites die gericht zijn op de Duitse markt. Negeer je de nieuwe wet? Dan riskeer je een boete tot maar liefst € 100.000 euro. Bij een schending van de gedragsregels op de markt riskeer je een vordering, voorlopige ziening, verwijdering, openbaarmaking of vergoeding van kosten op grond van de Duitse wet op oneerlijke concurrentie (artikel 3a).

De BFSG wet is niet van toepassing op alle bedrijven met digitale producten of diensten die verkopen in Duitsland. Er zijn nog twee vereisten voordat deze wet van kracht gaat: Je bedrijf moet meer dan 10 werknemers hebben én een jaaromzet van minstens € 2 miljoen behalen. Is dit dus niet de situatie van jouw bedrijf, dan hoef jij wettelijk niet te voldoen aan deze eis.

Tijd voor actie, voldoe aan de richtlijnen!

Het voldoen aan de WCAG-richtlijnen kan overweldigend lijken, maar met de juiste aanpak is het goed te doen. Daarnaast raad ik altijd aan om hiervoor je development team mee te laten kijken. Helemaal in combinatie met een webdesign bureau. En nee, dat is nu niet een ‘wij van WC eend, raden WC eend aan’, het zijn veel zaken waar jij, als niet developer of niet designer, helemaal niet bij kunt komen om te wijzigen.

Begrijp én gebruik de basisprincipes

Zorg ervoor dat alle informatie op je website op verschillende manieren waargenomen kan worden. Gebruik bijvoorbeeld alternatieve tekst bij afbeeldingen, ondertiteling bij video’s en voldoende kleurcontrast. Maak je website bedienbaar voor iedereen, ook voor mensen die een braille toetsenbord of spraakbesturing gebruiken. Zorg voor duidelijke labels op formuliervelden en vermijd zwevende elementen.

Schrijf duidelijke en eenvoudige teksten. Gebruik een logische structuur met duidelijke koppen en subkoppen en zorg ervoor dat je website goed werkt met verschillende browsers, schermlezers en assistentie technologieën.

Heb je deze basisprincipes in je achterhoofd? Mooi, dan is het nu tijd voor actie om echt te gaan voldoen aan de richtlijnen en de eisen toe te passen op je website.

Voer een toegankelijkheidstest uit

Gebruik tools zoals WAVE, Lighthouse of AXE om je website te scannen op algemene toegankelijkheidsproblemen en gebruik naast automatische tools ook handmatige tests met behulp van een schermlezer.

Let hierbij vooral op de volgende onderdelen:

• Afbeeldingen: Zorg voor beschrijvende alternatieve tekst bij alle afbeeldingen. Gebruik niet alleen de bestandsnaam, maar beschrijf de inhoud van de afbeelding.
• Video’s: Voorzie video’s van ondertiteling en een transcript.
• Kleuren: Gebruik voldoende contrast tussen tekst en achtergrond. Vermijd kleurenblindheid en zorg ervoor dat informatie niet alleen door kleur wordt overgebracht.
• Koppelingen: Gebruik duidelijke en beschrijvende tekst voor koppelingen. Vermijd vage termen als ‘klik hier’.
• Tabellen: Structureer tabellen op een logische manier en gebruik kopteksten om de kolommen en rijen te beschrijven.
• Formulieren: Zorg voor duidelijke labels bij formuliervelden en geef feedback aan de gebruiker als er fouten worden gemaakt.
• Koppen: Gebruik koppen (h1, h2, h3, etc.) om de structuur van je pagina aan te geven (dit is natuurlijk ook handig voor je organische vindbaarheid).
• Semantiek: Gebruik HTML5-elementen op de juiste manier om de betekenis van content aan te geven.

Zijn er actiepunten ontstaan uit je scan? Mijn advies is om te inventariseren welke zaken je zelf kunt oppakken, maar ook te schakelen met mensen of bedrijven die hierin gespecialiseerd zijn. Er zullen ongetwijfeld design- of technische zaken in zitten waar jij je vingers niet aan wilt branden.

De WCAG-richtlijnen zijn een belangrijke stap naar een inclusiever web. Hoewel er nog uitdagingen zijn, biedt deze standaard een solide basis voor het verbeteren van de toegankelijkheid van webcontent.

Hoe beïnvloedt toegankelijkheid SEO?

Het toepassen van de WCAG-richtlijnen werkt ook nauw samen met zoekmachineoptimalisatie (SEO). We lazen bijvoorbeeld net dat SEO onderdelen als alternatieve tekst (ALT tag) en headers (h1,h2, etc) ook van belang zijn. Er zijn echter meer SEO-elementen die betrekking hebben op de toegankelijkheid van een webshop/website.

Het optimaliseren van die elementen zal zorgen voor een win-win situatie, want zowel de organische vindbaarheid als de toegankelijkheid worden verbeterd.

WCAG, SEO en toegankelijkheid samenbrengen

Ik heb een aantal SEO elementen op een rij gezet die bijdragen aan de organische vindbaarheid en toegankelijkheid.

• Website ontwerp: Een goed ontworpen website is gebruiksvriendelijk, heeft goed contrast en duidelijke navigatie, wat zowel de toegankelijkheid als SEO ten goede komt. Gebruikers blijven waarschijnlijk langer op de website wat indirect positieve signalen zijn.
• ALT-tekst: Beschrijvende ALT-tekst helpt schermlezers en zoekmachines de inhoud van afbeeldingen te begrijpen en kan de vindbaarheid in Google Image Search verbeteren. Als tip geven we vaak mee om ook zoekwoorden toe te voegen die relevant zijn voor de pagina waar de afbeelding gepubliceerd is.
• Titels: Unieke en beschrijvende titeltags zijn belangrijk voor schermlezers én voor zoekmachines om de inhoud van een pagina te presenteren en te begrijpen.
• Metadata: Metadata zoals metatitels en beschrijvingen geven gebruikers en zoekmachines een overzicht van de pagina-inhoud en verbeteren zowel toegankelijkheid als SEO.
• Leesbaarheid: Eenvoudige en duidelijke tekst is makkelijker te begrijpen voor gebruikers en beter te indexeren door zoekmachines. Dus gebruik ook vooral HTML.
• Koppen: Correct gebruik van koppen (headerstructuur als h1, h2 etc.) biedt structuur aan de pagina voor schermlezers en helpt zoekmachines de inhoud beter te begrijpen.
• Mobiele vriendelijkheid: Een goed functionerende website op mobiele apparaten verbetert zowel toegankelijkheid als SEO. #mobile-first-indexing
• Breadcrumbs: Helpt gebruikers en zoekmachines de (interne link)structuur van de site te begrijpen, wat zowel toegankelijkheid als SEO ten goede komt.
• Ankertekst: Duidelijke en beschrijvende anchors helpen gebruikers en zoekmachines de gelinkte inhoud te begrijpen. Het moet namelijk duidelijk zijn waar ze naartoe leiden. Dit is net als een bordje dat aangeeft waar een deur naartoe gaat.
• Navigatie: Navigatie verbetert de bruikbaarheid voor mensen met beperkingen en helpt zoekmachines de structuur van de website te begrijpen.

Het naleven van toegankelijkheidsrichtlijnen helpt dus niet alleen gebruikers, maar draagt ook bij aan de organische vindbaarheid.

Digitale toegankelijkheid & Dtch. Digitals

Wij, als Dtch. Digitals, hebben digitale toegankelijkheid hoog in het vaandel staan. Helemaal aangezien het de (online) marketing van onze klanten (en onszelf natuurlijk!) ook raakt. Momenteel zijn wij druk aan het inventariseren hoe wij ervoor gaan zorgen dat onze webapplicaties gaan voldoen aan deze wetgeving en deze standaard voor al onze applicaties kunnen toepassen.

Houd je je hier niet aan? Dan kan dit gevolgen hebben. Aangezien ongeveer 30% van de Nederlanders te maken heeft met een beperking, sluit je deze groep buiten van jouw website. Zij kunnen geen producten of diensten bij je afnemen, een flink gat in eventuele nieuwe klanten.

Of er boetes worden uitgedeeld is (nu nog) onbekend, maar ook Google hangt veel waarde aan toegankelijkheid en gebruiksvriendelijkheid van jouw website of webshop, dus het kan zo ook maar eens gevolgen hebben voor jouw rankings en de vindbaarheid van jouw website. Niet toegankelijk betekent immers een hogere bounce rate, wat voor Google een signaal kan zijn dat jij voor bepaalde zoekwoorden en gebruikers niet relevant bent.

Ben jij op zoek naar hulp of tips om jouw website of webshop klaar te stomen voor deze wetgeving? Vraag de WCAG scan aan voor slechts € 300.- en ontdek welke verbeteringen jij door moet voeren om aan de WCAG-richtlijnen te voldoen.