WCAG-richtlijnen: alles over de ‘toegankelijkheid’ van je website

  • Sander Hurkmans

Wat is WCAG en waarom is het belangrijk?

Web Content Accessibility Guidelines (WCAG) zijn richtlijnen voor het ontwerpen en ontwikkelen van websites die toegankelijk zijn voor mensen met een beperking. WCAG-richtlijnen worden sinds 1999 gebruikt binnen webtoegankelijkheid en zijn gemaakt door het World Wide Web Consortium (W3C). Het W3C is een organisatie die de webstandaarden voor het wereldwijde web ontwerpt, zoals HTML, XHTML, XML, CSS en de WCAG- richtlijnen. Het doel van de WCAG-richtlijnen is om website inhoud toegankelijk te maken voor iedereen, ook voor mensen met een beperking.

Waarom is WCAG belangrijk?

WCAG-richtlijnen zijn belangrijk voor het bouwen van websites die toegankelijk zijn voor alle gebruikers, ongeacht hun fysieke of cognitieve beperkingen. Door de WCAG-richtlijnen te volgen, zullen websites meer bruikbaar en toegankelijk zijn voor mensen met beperkingen. Denk aan blindheid, doofheid, mobiliteitsproblemen of cognitieve beperkingen. Wanneer websites voldoen aan WCAG-richtlijnen, kunnen ze een groter publiek bereiken en meer inclusief zijn. Google zal je ook helpen met dat groter publiek: websites die laagdrempelig zijn komen hoger in de zoekresultaten.

Hoe kun je jouw website WCAG-proof maken?

Een deel van de toegankelijkheidsnormen zijn in de content te realiseren en kun je dus gemakkelijk zelf in je website aanpassen. Er is ook een deel wat te maken heeft met de manier waarop je website gebouwd is. Deze aanpassingen maak je in de code van de website.

Een aantal handige tips zijn:

• Het toevoegen van alt-tags op afbeeldingen
• De juiste volgorde in koppen aanhouden
• Gebruik bijvoorbeeld geen h3 als er nog geen h2 op de pagina staat
• Als je een afbeelding plaatst met tekst erin, zorg ervoor dat je deze informatie tekstueel uitwerkt. Voorleessoftware kan geen plaatjes voorlezen.

Wat zijn enkele veelvoorkomende misvattingen over WCAG?

Een veelvoorkomende misvatting is dat WCAG alleen belangrijk is voor mensen met een beperking. Alle gebruikers profiteren van toegankelijke websites, omdat het helpt bij het bieden van een betere gebruikservaring. Een andere misvatting is dat het volgen van WCAG-richtlijnen veel geld kost en tijdrovend is. Het implementeren van WCAG-richtlijnen kan inderdaad tijd en middelen kosten. Maar er zijn veel tools en resources beschikbaar om bedrijven en webontwikkelaars te helpen bij het voldoen aan de WCAG-richtlijnen, waardoor je tijd en geld kunt besparen.

Het is ook belangrijk om te benadrukken dat het voldoen aan WCAG-richtlijnen geen garantie is voor 100% toegankelijkheid voor mensen met een beperking. Mensen met verschillende beperkingen kunnen verschillende behoeften hebben en daarom kan het nodig zijn om maatwerkoplossingen te bieden om aan hun behoeften te voldoen.

Heb je hulp nodig bij het verbeteren van de toegankelijkheid van je website? Neem contact met ons op.

Wat zijn de verschillende niveaus van conformiteit die worden gedefinieerd in WCAG?

Er zijn drie niveaus van conformiteit beschreven in de WCAG: A, AA en AAA. Dit betekent dat elk niveau specifieke richtlijnen en succescriteria heeft die moeten worden gevolgd om aan dat niveau te voldoen. Hieronder leggen we elk niveau uit en geven we voorbeelden van de vereisten om aan dat niveau te voldoen.

Niveau A

Niveau A is het laagste niveau van conformiteit en omvat de meest basale toegankelijkheidsvereisten. Als een website voldoet aan alle richtlijnen van niveau A, is de inhoud ervan toegankelijk voor een groot aantal mensen met een beperking. Voorbeelden van richtlijnen op niveau A zijn:
• Alternatieve tekst voor afbeeldingen: alle afbeeldingen op de website moeten worden voorzien van alternatieve tekst, zodat mensen met visuele beperkingen deze kunnen begrijpen.
• Kleurcontrast: de tekst op de website moet een hoog contrast hebben ten opzichte van de achtergrond, zodat mensen met visuele beperkingen de tekst kunnen lezen.
• Tabelstructuur: tabellen moeten worden ontworpen met duidelijke koppen en labels, zodat mensen met screenreaders de informatie kunnen begrijpen.

Niveau AA

Niveau AA is het middelste niveau van conformiteit en omvat meer geavanceerde toegankelijkheidsvereisten dan niveau A. Als een website voldoet aan alle richtlijnen van niveau AA, is de inhoud ervan toegankelijk voor een nog groter aantal mensen met een beperking. Voorbeelden van richtlijnen op niveau AA zijn:

• Tekstalternatieven voor multimedia: alle multimedia-inhoud, zoals video’s en audio, moet worden voorzien van tekstalternatieven, zodat mensen met auditieve of cognitieve beperkingen de inhoud kunnen begrijpen.
• Toetsenbordnavigatie: de website moet volledig toegankelijk zijn met alleen een toetsenbord, zodat mensen met motorische beperkingen de website kunnen gebruiken.
• Duidelijke taal: de inhoud van de website moet duidelijk en eenvoudig zijn geschreven, zodat mensen met cognitieve beperkingen de inhoud kunnen begrijpen.

Niveau AAA

Niveau AAA is het hoogste niveau van conformiteit en omvat de meest geavanceerde toegankelijkheidsvereisten. Als een website voldoet aan alle richtlijnen van niveau AAA, is de inhoud ervan toegankelijk voor vrijwel alle mensen met een beperking. Voorbeelden van richtlijnen op niveau AAA zijn:
• Gebarentaalvertalingen: video’s moeten worden voorzien van gebarentaalvertalingen, zodat mensen met auditieve beperkingen de inhoud kunnen begrijpen.
• Aanpasbare kleuren: de kleuren van de website moeten aanpasbaar zijn, zodat mensen met visuele beperkingen de kleuren kunnen aanpassen om de inhoud beter te kunnen zien.
• Leesbaarheid: de inhoud van de website moet worden geschreven in een leesbaar lettertype en grootte, zodat mensen met visuele beperkingen de inhoud kunnen lezen.

Het voldoen aan de WCAG-richtlijnen heeft verschillende voordelen:

• De gebruikerservaring verbetert voor alle gebruikers, inclusief mensen met een beperking.
• Door te voldoen aan de WCAG- richtlijnen wordt de website beter geïndexeerd door zoekmachines, wat kan leiden tot meer verkeer naar de website.
• Het bewijst je maatschappelijke betrokkenheid.
• Het helpt bij het verminderen van juridische risico’s, aangezien het niet voldoen aan deze richtlijnen vanaf 2025 kan leiden tot boetes.

Het belang van het toegankelijk maken van websites voor iedereen

Het is van cruciaal belang om websites toegankelijk te maken voor iedereen, ongeacht hun beperkingen. Door websites toegankelijk te maken, kunnen mensen met een beperking deelnemen aan het online leven en gelijke kansen krijgen als mensen zonder beperkingen. Daarnaast draagt het toegankelijk maken van websites bij aan het creëren van een inclusieve samenleving waarin iedereen wordt gewaardeerd en gerespecteerd, of je nu wel of geen beperking hebt. Naast de morele verantwoordelijkheid die we hebben om websites toegankelijk te maken voor iedereen, zijn er ook economische voordelen. Een toegankelijke website kan een grotere doelgroep bereiken en kan helpen bij het vergroten van de omzet en het versterken van de merkreputatie.

Wil je meer weten over de verschillende niveaus van conformiteit van WCAG? Neem contact met ons op.

Hoe kan ik ervoor zorgen dat mijn website voldoet aan de WCAG-richtlijnen?

Hierbij enkele tips voor het ontwerpen van toegankelijke websites:
• Gebruik een eenvoudig en schoon ontwerp met voldoende witruimte, zodat de inhoud gemakkelijk te lezen en te begrijpen is.
• Gebruik duidelijke en contrasterende kleuren om de inhoud te accentueren en visuele hiërarchie te creëren.
• Gebruik een gemakkelijk leesbaar lettertype een zorg ervoor dat de tekstgrootte groot genoeg is, zodat de tekst goed te lezen is.
• Zorg voor genoeg tussenruimte tussen tekst en afbeeldingen om duidelijkheid te creëren.

Testen is hierbij een belangrijk onderdeel. Dit doe je effectief door de volgende tips toe te passen:
• Gebruik hulpmiddelen voor automatische tests om de toegankelijkheid van jouw website te controleren, zoals Wave, axe Devtools en Tenon.io.
• Voer handmatige tests uit om ervoor te zorgen dat de inhoud van jouw website toegankelijk is voor alle gebruikers, inclusief mensen met een beperking.
• Vraag feedback van mensen met verschillende beperkingen om ervoor te zorgen dat jouw website zo toegankelijk mogelijk is.

Enkele tips voor tools en bronnen die kunnen helpen bij het creëren van toegankelijke websites:
• De Accessibility Developer Tools-extensie van Google Chrome
• De Accessibility Scanner-app van Google
• The A11Y Project: een website met veel informatie en hulpmiddelen om websites toegankelijker te maken

Praktische voorbeelden van hoe toegankelijkheidsfuncties op een website kunnen worden geïmplementeerd:
• Voeg skiplinks toe om ervoor te zorgen dat een gebruiker het menu van de website kan overslaan. Het kan frustrerend werken als je geen muis kunt gebruiken en je op iedere pagina door het gehele menu moet ‘tabben’.
• Maak de tekstgrootte instelbaar om de leesbaarheid te verbeteren voor gebruikers met slechtziendheid.
• Voeg een alternatieve vorm van invoer toe, zoals spraakherkenning, om het gebruik van de website voor mensen met fysieke beperkingen te vergemakkelijken.
• Laagdrempeliger, zorg ervoor dat je inputs de juiste attributen hebben zodat je browser weet wat je in moet vullen. Op deze manier kan een gebruiker het formulier automatisch laten invullen doordat de browser de naam, e-mailadres en het adres van de persoon al weet.

Wat zijn de meest voorkomende toegankelijkheidsproblemen en hoe kan ik ze oplossen?

Hieronder bespreken we de meest voorkomende toegankelijkheidsproblemen en hoe je ze kunt oplossen.

1. Onduidelijke of verwarrende navigatie

De navigatie is het belangrijkste element van een website. Het moet eenvoudig en duidelijk zijn om gebruikers te helpen gemakkelijk de informatie te vinden waar ze naar op zoek zijn. Het is belangrijk om een logische navigatiestructuur te ontwerpen, met duidelijke beschrijvende titels en submenu’s. Overweeg om het gebruik van dropdowns en submenu’s te verminderen, omdat deze moeilijk te gebruiken kunnen zijn voor mensen met motorische beperkingen. Gebruik ook aria-labels en role-attributen om de navigatie toegankelijker te maken voor screenreaders.

2. Slecht kleurencontrast

Het is belangrijk om ervoor te zorgen dat de kleuren op jouw website voldoende contrast hebben. Mensen met een visuele beperking kunnen moeite hebben om inhoud te lezen als de kleuren niet goed contrasteren. Gebruik kleuren die voldoen aan de Web Content Accessibility Guidelines (WCAG) 2.1 niveau AA, die een minimale contrastverhouding van 4,5:1 vereist voor normale tekst en 3:1 voor grotere tekst.

3. Ontbrekende alt-tekst voor afbeeldingen

Mensen met een visuele beperking kunnen de afbeeldingen op jouw website niet zien, dus het is belangrijk om alt-tekst toe te voegen om hen te helpen de inhoud van de afbeelding te begrijpen. Alt-tekst moet beknopt, beschrijvend en relevant zijn voor de afbeelding.

4. Niet-beschrijvende linkteksten

Het is belangrijk om linkteksten beschrijvend te maken, zodat gebruikers weten waar ze naartoe gaan als ze op de link klikken. Vermijd het gebruik van ‘klik hier’ als linktekst. In plaats daarvan, gebruik een beschrijvende tekst, zoals ‘Download de PDF-gids’.

Heb je hulp nodig bij het verbeteren van de toegankelijkheid van je website? Neem contact met ons op!

Is het mogelijk om een ​​website volledig te laten voldoen aan WCAG-normen?

Bij een nieuwe website kost het relatief weinig extra tijd om deze te laten voldoen aan de WCAG-normen. In een bestaande site is het wat lastiger en kost het wat meer tijd, maar het is ook zeker mogelijk om uiteindelijk volledig te voldoen aan de WCAG-richtlijnen.

Het volledig voldoen aan deze normen kan een uitdaging zijn, maar het is belangrijk om te beseffen dat een website die toegankelijk is voor iedereen, ook een groter bereik heeft en een positief effect heeft op de reputatie van je bedrijf. Door het investeren in de toegankelijkheid van uw website laat je zien dat je geeft om de behoeften van alle gebruikers, wat kan leiden tot meer klanttevredenheid en een betere merkbeleving.

Een goed begin is het uitvoeren van een toegankelijkheidsaudit om te identificeren welke toegankelijkheidsproblemen op de website moeten worden opgelost. Dit kan handmatig worden gedaan door de website te testen met hulpmiddelen, zoals schermlezers en toetsenbordnavigatie of met behulp van automatische tools.

Website-eigenaren kunnen ook enkele basisrichtlijnen van WCAG implementeren, zoals het gebruik van alt-tekst voor afbeeldingen en het bieden van tekstalternatieven voor video’s en audio. Het is belangrijk om te onthouden dat het verbeteren van de toegankelijkheid van een website een doorlopend proces is en dat kleine veranderingen op de lange termijn het verschil kunnen maken.

Heb je hulp nodig bij het voldoen aan de WCAG normen? Neem contact met ons op.

Welke technologieën zijn van toepassing op de WCAG-richtlijnen?

Om te voldoen aan de WCAG-richtlijnen zijn er verschillende technologieën beschikbaar. Hier zijn enkele voorbeelden van hoe deze technologieën kunnen worden gebruikt om te voldoen aan de WCAG-richtlijnen:

1. HTML:

HTML kan worden gebruikt om de structuur van de inhoud van een website te bepalen. Door het gebruik van semantische HTML-tags, zoals , , en , kunnen ontwikkelaars de leesbaarheid en toegankelijkheid van de inhoud verbeteren.
Daarnaast kunnen HTML-formulieren worden gebruikt om de toegankelijkheid van webapplicaties te verbeteren. Bijvoorbeeld door het gebruik van labels en beschrijvende tekst, kunnen gebruikers die afhankelijk zijn van schermlezers de formulieren begrijpen en invullen.

2. CSS:

CSS kan worden gebruikt om de visuele vormgeving van een website te bepalen. Het is belangrijk om ervoor te zorgen dat de inhoud en functies van de website nog steeds toegankelijk zijn, ongeacht de visuele vormgeving. Bijvoorbeeld door het gebruik van een goed contrast tussen de tekstkleur en de achtergrondkleur kunnen gebruikers met visuele beperkingen de inhoud beter lezen.

3. JavaScript:

JavaScript kan worden gebruikt om interactieve elementen aan een website toe te voegen. Het is belangrijk om te zorgen dat deze interactieve elementen toegankelijk zijn voor alle gebruikers. Bijvoorbeeld door het toevoegen van toetsenbordnavigatie aan interactieve elementen kunnen gebruikers die afhankelijk zijn van het toetsenbord de interactieve elementen bedienen.

4. Assistentietechnologieën:

Assistentietechnologieën, zoals schermlezers, brailleleesregels en spraakherkenningssoftware, zijn ontworpen om gebruikers met beperkingen te helpen bij het navigeren en gebruiken van websites en webapplicaties. Het is belangrijk om ervoor te zorgen dat websites en webapplicaties compatibel zijn met deze technologieën. Dit kan worden bereikt door het gebruik van semantische HTML-tags, labels, beschrijvende tekst en andere toegankelijkheidskenmerken die zijn opgenomen in de WCAG-richtlijnen.

Wil je geholpen worden bij het toegankelijk maken van je website? Neem contact met ons op.

Wie zijn de belangrijkste belanghebbenden bij WCAG-naleving?

Er zijn meerdere belanghebbenden bij de implementatie van de WCAG-richtlijnen:

1. Website-eigenaren en -ontwikkelaars

Website-eigenaren en -ontwikkelaars hebben een groot belang bij het navelen van de WCAG-richtlijnen. Het naleven van de WCAG-richtlijnen kan helpen om een groter publiek te bereiken, inclusief personen met een beperking. Bovendien kan het ook de gebruikerservaring verbeteren en de website toegankelijker maken voor een bredere doelgroep. Aan de andere kant kan het niet naleven van de WCAG-richtlijnen vanaf 2025 leiden tot boetes.

2. Personen met een beperking

Personen met een beperking hebben ook een groot belang bij het naleven van de WCAG-richtlijnen. Het kan hen helpen om toegang te krijgen tot digitale inhoud en services die voor hen anders ontoegankelijk zouden zijn. Het gaat niet alleen om mensen met een visuele beperking, een auditieve beperking kan door bijvoorbeeld ondertiteling van video’s geholpen zijn. Mensen met Parkinson hebben er baat bij wanneer ze toetsenbordnavigatie kunnen gebruiken. Iemand met Dyslexie profiteert van voldoende witruimte en regelafstand en het vermijden van afleidende elementen (bewegende animaties) in de website die niet gepasseerd kunnen worden.

3. Overheid en regelgevende instanties

Regelgevende instanties hebben de verantwoordelijkheid om ervoor te zorgen dat WCAG-richtlijnen worden nageleefd door organisaties die digitale inhoud produceren. Zij kunnen wetten en richtlijnen opstellen om organisaties te dwingen WCAG-naleving te bereiken. Daarnaast kunnen ze hulp bieden aan organisaties om hen te begeleiden en te ondersteunen bij het bereiken van WCAG-naleving.

4. Belangengroepen en non-profitorganisaties

Belangengroepen en non-profitorganisaties spelen een belangrijke rol bij het bevorderen van WCAG-naleving en het verhogen van bewustzijn over digitale toegankelijkheid. Ze pleiten voor de rechten van personen met een beperking en streven naar gelijke toegang tot digitale inhoud.
Om WCAG-naleving te verbeteren, moeten belanghebbenden samenwerken. Website-eigenaren en -ontwikkelaars moeten zich bewust worden van de WCAG-richtlijnen en deze implementeren in hun digitale inhoud. Regelgevende instanties kunnen bijdragen door wetten en richtlijnen op te stellen die organisaties dwingen om aan de WCAG-richtlijnen te voldoen. Belangengroepen en non-profitorganisaties kunnen lobbyen voor verandering en bewustzijn creëren over digitale toegankelijkheid. Vervolgens kunnen personen met een beperking feedback geven over de toegankelijkheid van digitale inhoud en organisaties aanmoedigen om verbeteringen aan te brengen.

Heb je hulp nodig bij het toegankelijk maken van je website? Neem contact met ons op.

Hoe veranderen de WCAG-richtlijnen na verloop van tijd en hoe kan ik ervoor zorgen dat mijn website up-to-date blijft?

Sinds de introductie van de WCAG-richtlijnen in 1999 zijn er verschillende versies uitgebracht, waarbij elke versie verbeteringen en updates bevat. De WCAG 2.1, werd in 2018 uitgebracht en bevatte 17 nieuwe succescriteria ten opzichte van WCAG 2.0. Deze nieuwe criteria richtten zich vooral op mobiele toegankelijkheid, cognitieve en leermogelijkheden en gebruikers met beperkte visuele vaardigheden.
De nieuwste versie, WCAG 2.2, bevat vier nieuwe succescriteria, waarvan er drie zich richten op de mobiele toegankelijkheid en één op mensen met een laag zichtvermogen. De nieuwe criteria zijn:
• Succescriterium 2.4.11: Visuele weergave van informatie op laag contrast
• Succescriterium 2.4.12: Tactiele weergave van informatie
• Succescriterium 2.5.7: Hoofdfunctionaliteit op mobiele apparaten
• Succescriterium 2.5.8: Beschrijving van invoervelden op mobiele apparaten

Praktische adviezen voor website-eigenaren
Website-eigenaren kunnen de toegankelijkheid van hun website verbeteren door het volgen van de WCAG-richtlijnen. Enkele praktische adviezen om website-eigenaren te helpen hun website up-to-date te houden:
• Voer een toegankelijkheidsaudit uit: voer regelmatig een audit van jouw website uit om te zien of deze voldoet aan de nieuwste WCAG-richtlijnen. Er zijn verschillende tools beschikbaar die kunnen helpen bij het identificeren van toegankelijkheidsproblemen.
• Gebruik toegankelijkheidsplug-ins: er zijn verschillende plug-ins beschikbaar voor CMS-systemen zoals WordPress en Drupal, die kunnen helpen bij het verbeteren van de toegankelijkheid van jouw website.
• Test met verschillende apparaten en technologieën: test de website op verschillende apparaten en met verschillende technologieën, waaronder spraakherkenning en schermleesprogramma’s. Bij Comaxx gebruiken we Readspeaker als voorleestool.
• Train het team: het is belangrijk om je team te trainen op het gebied van toegankelijkheid, zodat ze begrijpen waar ze op moeten letten bij het ontwikkelen van nieuwe functies en inhoud.
• Volg de WCAG-richtlijnen: volg de WCAG-richtlijnen bij het ontwikkelen van nieuwe functies en inhoud voor uw website.

Heb je hulp nodig bij het toegankelijk maken van jouw website? Neem contact met ons op.

Hoe kan ik gebruikerstesten uitvoeren om te controleren of mijn website voldoet aan WCAG-normen?

Het uitvoeren van gebruikerstests is een belangrijk hulpmiddel om ervoor te zorgen dat jouw website voldoet aan de WCAG-normen. Hieronder leggen we uit hoe je gebruikerstests kunt uitvoeren om de toegankelijkheid van jouw website te garanderen.

Er zijn verschillende soorten gebruikerstests die je kunt uitvoeren om de toegankelijkheid van jouw website te controleren. Usability tests worden gebruikt om te controleren of gebruikers de website kunnen gebruiken om hun taken te voltooien. User acceptance testing wordt gebruikt om te controleren of de website voldoet aan de verwachtingen van de gebruikers. Accessibility testing wordt gebruikt om te controleren of de website toegankelijk is voor mensen met beperkingen.

Planning en uitvoering van gebruikerstests

De eerste stap bij het uitvoeren van gebruikerstests is het plannen van de tests. Nodig deelnemers uit die een dwarsdoorsnede van jouw doelgroep vertegenwoordigen. Maak een lijst met taken die de deelnemers moeten uitvoeren op jouw website, zoals het plaatsen van een bestelling of het vinden van informatie. Maak ook een lijst met verschillende soorten beperkingen die je wilt testen, zoals een visuele beperking of een motorische beperking.

Bereid vervolgens de testomgeving voor. Zorg ervoor dat je de juiste tools hebt om de tests uit te voeren, zoals schermlezers of software voor spraakherkenning. Maak verschillende testscenario’s voor elk van de beperkingen die je wilt testen. Wanneer je bijvoorbeeld test voor een visuele beperking, kan een testscenario zijn om de website te navigeren met alleen een schermlezer.

Tijdens de test moet je de deelnemers observeren terwijl ze de taken uitvoeren en documenteren waar ze problemen ondervinden. Vraag de deelnemers om hun ervaringen te beschrijven en stel vervolgvragen om meer inzicht te krijgen in hun ervaring. Analyseer de resultaten om de meest dringende problemen te identificeren die moeten worden opgelost.

Communiceer de resultaten van de tests met de ontwikkelaars en ontwerpers van jouw website en werk samen om de problemen op te lossen. Maak een prioriteitenlijst van problemen en werk eerst aan de belangrijkste problemen eerst. Gebruik de resultaten van de test om te beslissen welke verbeteringen je moet aanbrengen in jouw website om te voldoen aan de WCAG-normen.

Samenwerken?

Klaar om samen het maximale uit jouw organisatie te halen? Neem contact met ons op! 

  • Samen online succes behalen
  • Ontvang vrijblijvend persoonlijk en professioneel advies
  • Meer dan 20 jaar online ervaring

 

Comaxx neemt je privacy serieus, dus we gebruiken jouw persoonsgegevens alleen voor administratieve doeleinden en om de producten en services te leveren die je bij ons opvraagt. Uitschrijven kan op elk gewenst moment. Zie hier het volledige cookie- en privacybeleid.

Wij realiseerden
extra online groei voor: