Digitale toegankelijkheid toetsen: Hoe zorg je dat je website voldoet aan de WCAG?

In deze serie blogs vertellen we alles over digitale toegankelijkheid. In het vorige blog vertelden we wat toegankelijkheid precies inhoudt. Deze keer gaan we dieper in op hoe je de toegankelijkheid van een website kunt toetsen, zodat iedereen - ongeacht eventuele beperkingen - een goede gebruikerservaring heeft.

Wat is WCAG en waarom is het belangrijk?

Om ervoor te zorgen dat iedereen dezelfde regels volgt, zijn er richtlijnen gemaakt om websites toegankelijker te maken. Deze set aan richtlijnen heten de Web Content Accessibility Guidelines (WCAG) en deze heeft meerdere iteraties. De laatste versie is, op het moment van schrijven, WCAG 2.2. 

WCAG-niveaus

De 87 WCAG-richtlijnen zijn verdeeld in drie niveaus: A, AA en AAA. Niveau A bevat de basisvereisten voor toegankelijkheid, terwijl AA de standaard is waar de meeste websites aan moeten voldoen. AAA is het hoogste niveau, maar vaak moeilijk haalbaar voor alle content. Ieder niveau bevat de criteria van het onderliggende niveau.

Een voorbeeld van een critieria uit de 3 niveau’s zijn:

• Niveau A: Afbeeldingen moeten voorzien zijn van alternatieve teksten.
• Niveau AA: Tekst en achtergrond moeten voldoen aan het 4.5 contrastratio.
• Niveau AAA: Video’s zijn naast ondertiteling ook voorzien van een gebarentolk alternatief.

De 4 WCAG principes

De 87 richtlijnen zijn opgedeeld in vier categorieën. Samen vormen ze het fundament voor een toegankelijke website:

1.    Waarneembaarheid: hoe maak je content toegankelijk voor iedereen?
2.    Bedienbaarheid: waarom gebruikersgemak essentieel is
3.    Begrijpbaarheid: toegankelijke teksten en formulieren
4.    Robuustheid: de technische basis van toegankelijkheid

Waarneembaarheid

De richtlijnen onder waarneembaarheid hebben betrekking op de manier waarop inhoud aan gebruikers gepresenteerd wordt. De inhoud van een pagina moet op zo’n manier worden gepresenteerd dat dit voor iedereen toegankelijk is, onafhankelijk van hun beperking of hoe ze de content tot zich nemen (muis, (braille)toetsenbord, voorleessoftware, etc).

Enkele voorbeelden hiervan zijn het toevoegen van tekst-alternatieven voor (audio)visuele content, zoals het beschrijven van afbeeldingen voor gebruikers die de afbeeldingen niet tot zich kunnen nemen. Het toevoegen van ondertitels bij video’s voor gebruikers met audiovisuele beperking en het bieden van een secundair audiospoor (AD) dat beschrijft wat er in een video te zien is voor gebruikers die de video niet kunnen bekijken.

Daarnaast is het belangrijk dat content en interactieve elementen voldoende contrast hebben. Dus gebruik geen gele tekst op een witte achtergrond of rode tekst op een groene achtergrond (hoe feestelijke het ook is). Wist je dat 8% van de bevolking kleurenblind(Verwijst naar een externe website) is? Deze mensen hebben moeite met het differentiëren van verschillende kleuren die te dicht bij elkaar liggen. Door je kleurgebruik hierop aan te passen, maak je je website toegankelijker voor een grote groep gebruikers.

Bedienbaarheid

Alle functies van de website moeten te gebruiken zijn, ongeacht of je een toetsenbord, muis, joystick of ander hulpmiddel gebruikt. Dit betekent dat alles wat je normaal met een muis doet, zoals op knoppen klikken of content slepen, ook met een ander apparaat mogelijk moet zijn voor gebruikers die niet over de precisie beschikken om een muis te bedienen.

De content mag geen risico vormen op (epileptische) aanvallen door flikkerende beelden. Automatisch bewegende elementen moeten gepauzeerd kunnen worden en gebruikers moeten genoeg tijd krijgen om te reageren op vragen, vooral als ze niet snel kunnen handelen door beperkte mobiliteit.

Je website moet voor iedereen makkelijk te navigeren zijn. Zorg voor consistente titels en subtitels en let erop dat de volgorde waarin een gebruiker met de Tab-toets door de website gaat logisch is. Dit helpt iedereen om eenvoudig door de site te bewegen, vooral mensen die afhankelijk zijn van toetsenbordnavigatie.

Begrijpbaarheid

De content van je website moet voor iedereen begrijpelijk zijn. Vermijd daarom vakjargon en ingewikkelde woorden en probeer je teksten in een duidelijke B1-stijl te schrijven.

Formulieren moeten eenvoudig in te vullen zijn, en als er iets misgaat, moet de foutmelding duidelijk uitleggen wat het probleem is en hoe de gebruiker het kan oplossen.

Let ook op met het gebruik van CAPTCHA’s, omdat deze vaak moeilijk te lezen zijn en niet altijd duidelijk is wat van de gebruiker verwacht wordt.

Robuustheid

Technisch moet je website robuust in elkaar zitten. Je onderliggende HTML is valide en bevat geen fouten die het renderen van de website lastig(er) maken waardoor deze door hulpsoftware niet goed geïnterpreteerd kan worden. Ook bevat je website geen functionaliteiten die op bepaalde apparaten niet (goed) werken waardoor bepaalde gebruikers worden buitengesloten.

Hoe toets je de toegankelijkheid van je website?

Het toetsen van de toegankelijkheid is cruciaal, omdat het ervoor zorgt dat je website voldoet aan wettelijke eisen en toegankelijk is voor iedereen. WCAG niveau AA is de standaard die de meeste websites moeten halen, wat betekent dat de meeste essentiële toegankelijkheidsproblemen zijn opgelost.

WCAG-EM voor een gestructureerde aanpak

WCAG-EM (Website Accessibility Conformance Evaluation Methodology) is een gestandaardiseerde methode om de toegankelijkheid van een website systematisch te testen. Je selecteert een representatieve set pagina’s en legt deze vast. Vervolgens loop je stap voor stap door de richtlijnen die gelden voor het gewenste niveau en beoordeel je de website. Voor elk punt noteer je de bevindingen.

Hoewel het misschien eenvoudig klinkt, kan het testen van een website behoorlijk complex zijn vanwege de technische details die erbij komen kijken. Omdat digitale toegankelijkheid geen eenmalige actie is, kan de WCAG-EM-methode regelmatig worden ingezet om te controleren of de website nog steeds voldoet aan de toegankelijkheidseisen.

In het laatste blog van deze reek over digitale toegankelijkheid kijken we naar de toekomst en bespreken we op welke manieren je digitaal toegankelijk blijft.

Ben je er niet zeker van of je website aan de toegankelijkheidsnormen voldoet of heb je hulp nodig bij het toegankelijk maken van je site? Neem dan contact met ons op. Als experts in eenvoud maken we het toegankelijk maken van je website simpel en doeltreffend.