WCAG en de rol van content in digitale toegankelijkheid

Het creëren van toegankelijke digitale content is cruciaal voor het waarborgen van de inclusiviteit en bereikbaarheid van websites. Dit aspect van digitale toegankelijkheid gaat verder dan enkel technische aanpassingen en raakt aan de manier waarop informatie wordt gepresenteerd en begrepen. In deze blog verkennen we de rol van content in het toegankelijk maken van digitale platforms en de beste praktijken die organisaties kunnen toepassen. Bekijk voor meer informatie de aflevering van de Comaxx Podcast waarin Ramon Hoeks vertelt over WCAG.

Het belang van toegankelijke content

Best practices voor het creëren van toegankelijke content

• Betrek experts en gebruikers: Werk samen met toegankelijkheidsexperts en betrek gebruikers met diverse beperkingen in het ontwikkelproces om ervoor te zorgen dat de content echt toegankelijk is.
• Regelmatige audits: Voer regelmatig content-audits uit om te garanderen dat nieuwe en bestaande content blijft voldoen aan toegankelijkheidsnormen.
• Training van contentmakers: Zorg dat iedereen die content creëert voor je website getraind is in de principes van digitale toegankelijkheid.

Veel gestelde vragen over toegankelijke content

1. Hoe kan ik controleren of mijn content toegankelijk is?

• Gebruik toegankelijkheidstools zoals WAVE of AXE om je content te analyseren en eventuele problemen te identificeren. Regelmatige gebruikerstests, vooral met mensen die diverse beperkingen hebben, zijn ook essentieel.

2. Wat is het belang van alternatieve tekst voor afbeeldingen?

• Alternatieve tekst beschrijft de inhoud en functie van een afbeelding aan gebruikers die de afbeelding niet kunnen zien. Dit is essentieel voor blinde gebruikers en voor SEO-doeleinden.

3. Kunnen PDF-bestanden toegankelijk worden gemaakt?

• Ja, PDF-bestanden kunnen toegankelijk worden gemaakt door ervoor te zorgen dat ze correct zijn getagd en gestructureerd. Dit omvat het gebruik van leesvolgordes, alternatieve teksten voor afbeeldingen, en navigatiehulpmiddelen.

Digitale toegankelijkheid wint wereldwijd aan belang als een essentieel aspect van webontwikkeling. Met de voortdurende evolutie van technologie en de toenemende bewustwording van de behoeften van mensen met beperkingen, zijn de Web Content Accessibility Guidelines (WCAG) belangrijker dan ooit. In deze blog, gebaseerd op een interview met Ramon Hoeks voor de Comaxx Podcast verkennen we de toekomstige trends in WCAG compliance en de groeiende belangstelling voor digitale toegankelijkheid onder verschillende sectoren.

Groeiende belangstelling voor WCAG vanuit verschillende sectoren

Toekomstige technologieën en WCAG compliance

• Artificial Intelligence (AI) en Machine Learning: Deze technologieën bieden nieuwe mogelijkheden voor het automatiseren van toegankelijkheidstests en het verbeteren van de gebruikerservaring voor mensen met beperkingen. AI kan bijvoorbeeld gebruikt worden om beeld- en videocontent automatisch te voorzien van tekstbeschrijvingen.
• Voice Navigation en Commando’s: Met de opkomst van smart speakers en voice-assisted devices wordt voice navigation steeds belangrijker voor webtoegankelijkheid. Websites die stemcommando’s integreren, bieden een alternatieve navigatiemethode die bijzonder nuttig kan zijn voor mensen met motorische beperkingen.
• Virtual en Augmented Reality (VR/AR): Terwijl VR en AR steeds meer geïntegreerd worden in webervaringen, ontstaan er nieuwe uitdagingen en kansen voor toegankelijkheid. Ontwikkelaars moeten nadenken over hoe deze technologieën toegankelijk gemaakt kunnen worden voor gebruikers met verschillende soorten beperkingen.

Veel gestelde vragen over toekomstige trends in digitale toegankelijkheid

1. Hoe kunnen bedrijven anticiperen op toekomstige wijzigingen in WCAG-richtlijnen?

• Bedrijven moeten flexibel blijven en bereid zijn om hun websites regelmatig te herzien en aan te passen. Het bijhouden van updates van WCAG en betrokkenheid bij de community kan helpen om op de hoogte te blijven van de beste praktijken en technologische ontwikkelingen.

2. Wat is de rol van AI in de toekomst van digitale toegankelijkheid?

• AI heeft het potentieel om toegankelijkheidsbarrières te verminderen door het automatiseren van complexe taken zoals contentherkenning en het bieden van gepersonaliseerde gebruikerservaringen voor mensen met beperkingen.

3. Zal de toenemende adoptie van VR en AR de toegankelijkheid bevorderen of belemmeren?

• Dit hangt af van hoe ontwikkelaars en ontwerpers deze technologieën benaderen. Er is een kans om toegankelijkheidsstandaarden vanaf het begin in te bouwen, wat zou helpen om inclusieve digitale omgevingen te creëren die toegankelijk zijn voor iedereen.

Bij Comaxx staat toegankelijkheid hoog in het vaandel, zoals duidelijk wordt uit het werk van Maud Wijn, een ervaren UX designer die zich inzet voor het ontwerpen van inclusieve en toegankelijke digitale ervaringen. In een interview voor de Comaxx Podcast vertelt ze over een recente prestatie van Comaxx, het behalen van de WCAG-certificering voor projecten. Dit blog verkent de impact van deze certificering en hoe het de visie van Comaxx op toegankelijkheid weerspiegelt.

Wat is WCAG-certificering?

De betekenis van WCAG-certificering voor Comaxx

Voor Comaxx vertegenwoordigt deze certificering meer dan alleen een technische prestatie; het weerspiegelt een diepe toewijding aan hun waarden van inclusiviteit en gelijkheid. “Het is een hele andere tak van sport. Het valt absoluut wel binnen webdesign, maar je hebt er andere experts voor nodig die het echt kunnen keuren,” zegt Maud. Het succesvol behalen van de certificering onderstreept de toewijding van Comaxx aan het bouwen van een toegankelijk internet voor iedereen.

Veelgestelde vragen

1. Wat houdt WCAG-certificering in?

• WCAG-certificering betekent dat een website voldoet aan bepaalde internationale richtlijnen voor toegankelijkheid, waardoor deze bruikbaar is voor mensen met verschillende beperkingen.

2. Waarom is WCAG-certificering belangrijk?

• Het garandeert dat de website toegankelijk is voor een breed publiek, inclusief mensen met beperkingen, wat essentieel is voor gelijke toegang tot informatie en diensten.

3. Hoe beïnvloedt WCAG-certificering een bedrijf?

• Het versterkt de reputatie van het bedrijf als sociaal verantwoordelijk en toegewijd aan inclusiviteit, en kan helpen bij het voldoen aan wettelijke vereisten.

4. Wat zijn de voordelen voor gebruikers van WCAG-gecertificeerde websites?

• Gebruikers ervaren een verbeterde toegankelijkheid en gebruiksvriendelijkheid, wat essentieel is voor mensen met beperkingen om volledig deel te nemen aan de digitale samenleving.

Met de toenemende nadruk op digitale toegankelijkheid, wordt de implementatie van de Web Content Accessibility Guidelines (WCAG) steeds crucialer voor bedrijven. Deze blog duikt in hoe bedrijven WCAG kunnen implementeren en zich kunnen voorbereiden op de aanstaande wetgeving die in 2025 effectief wordt. Bekijk voor meer informatie de aflevering van de Comaxx Podcast waarin Ramon Hoeks vertelt over WCAG.

Implementatie van WCAG

Compliance met toekomstige wetgeving

Met de nieuwe wetgeving die in 2025 van kracht wordt, waarbij alle nieuwe websites toegankelijk moeten zijn, is het voor bedrijven van cruciaal belang om nu actie te ondernemen. Hier zijn enkele stappen die bedrijven kunnen nemen:

1. Juridisch advies: Het is verstandig om juridisch advies in te winnen over hoe de nieuwe wetgeving specifiek van invloed kan zijn op je bedrijf en wat er nodig is om aan de regelgeving te voldoen.
2. Implementatieplan: Ontwikkel een duidelijk stappenplan voor het aanpassen van bestaande websites en het ontwerpen van nieuwe sites die voldoen aan de WCAG-normen.
3. Budgettering: Zorg voor een budget voor de implementatie van toegankelijkheid, inclusief voor de tools, training en eventuele herontwerpen die nodig zijn.

Veel gestelde vragen over implementatie en compliance

1. Is het duur om een website WCAG-compliant te maken?

• De kosten kunnen variëren afhankelijk van de huidige staat van de website en de benodigde aanpassingen. Vroegtijdige implementatie kan echter helpen om hoge last-minute kosten te voorkomen.

2. Hoe lang duurt het om een website aan te passen aan WCAG?

• Dit hangt af van de complexiteit van de website en de omvang van de noodzakelijke aanpassingen. Kleinere aanpassingen kunnen binnen enkele weken worden doorgevoerd, terwijl grotere revisies maanden kunnen duren.

3. Kan elke website aangepast worden aan WCAG, of zijn er soms volledige herontwerpen nodig?

• De meeste websites kunnen worden aangepast, maar in sommige gevallen kan een volledig herontwerp efficiënter en kosteneffectiever zijn.

4. Wat gebeurt er als mijn website niet voldoet aan de WCAG-normen?

• Niet voldoen kan leiden tot juridische gevolgen, inclusief boetes. Bovendien kan het de reputatie van je bedrijf schaden, vooral als toegankelijkheid een steeds belangrijker onderwerp wordt onder consumenten.

In de wereld van webdesign speelt de User Experience (UX) designer een cruciale rol. Maud Wijn, UX designer bij Comaxx, belicht deze rol in de Comaxx Podcast met een unieke combinatie van technische vaardigheden en creatieve inzichten. Dit blog duikt dieper in wat haar werk inhoudt, de uitdagingen waarmee ze wordt geconfronteerd, en hoe ze blijft streven naar uitmuntendheid in elk project.

Wat doet een UX designer?

Het belang van WCAG-normen

Toegankelijkheid is een ander kritiek aspect van Maud’s werk. Ze zorgt ervoor dat de websites voldoen aan de Web Content Accessibility Guidelines (WCAG), die essentieel zijn om ervoor te zorgen dat websites toegankelijk zijn voor alle gebruikers, inclusief die met beperkingen. “Het gaat over de functionaliteit waar jouw website aan moet voldoen om echt iedereen door zo’n website te begeleiden,” legt ze uit. Dit omvat zaken als voldoende kleurcontrast, duidelijke navigatie, en toegankelijke content.

Toewijding aan inclusiviteit

Inclusiviteit is een kernprincipe in Maud’s benadering van design. Ze erkent het groeiende belang van het internet in ons dagelijks leven en streeft ernaar om haar designs toegankelijk te maken voor een zo breed mogelijk publiek. “Ik neem het van nature vooral de laatste paar jaren absoluut mee,” zegt ze, verwijzend naar haar inzet om inclusiviteit een integraal onderdeel van haar werkproces te maken.

Veelgestelde vragen

1. Wat doet een UX designer?

• Een UX designer zorgt ervoor dat de website niet alleen mooi, maar ook functioneel en gemakkelijk te gebruiken is.

2. Hoe gaat een UX designer om met verouderde designs?

• Ze evalueren het bestaande design en maken aanpassingen om zowel aan moderne standaarden als aan de behoeften van gebruikers te voldoen.

3. Wat zijn WCAG-normen?

• Dit zijn richtlijnen om webcontent toegankelijker te maken voor mensen met beperkingen.

4. Hoe zorgt een UX designer voor inclusiviteit?

• Door toegankelijkheidsprincipes en gebruikersgericht design toe te passen, zorgen zij dat de website bruikbaar is voor een breed publiek.

Web Content Accessibility Guidelines (WCAG) zijn richtlijnen voor het ontwerpen en ontwikkelen van websites die toegankelijk zijn voor mensen met een beperking. In dit artikel leggen we je alles uit over de WCAG-richtlijnen en wat je moet weten over toegankelijkheid door antwoord te geven op de volgende vragen.

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.

“Ik vind digitale toegankelijkheid een belangrijk onderwerp, ook mensen met beperkingen moeten websites goed kunnen bezoeken. Dan is het extra prettig om te werken met partijen als DC Klinieken en Comaxx, mijn WCAG-advies werd door hen met open armen ontvangen.”

Sacha Bogaers is Onderzoeker Digitale Toegankelijkheid bij Cardan Technobility, ze toetst websites volgens de WCAG-richtlijnen op ‘digitale toegankelijkheid’ voor mensen met beperkingen. Tot 2025 zijn vooral overheden bezig om zich aan deze richtlijnen te houden (daarna ook het merendeel van het bedrijfsleven), maar er zijn al organisaties die bewust kiezen voor een WCAG-toets om de website laagdrempeliger te maken. Zoals DC Klinieken: “Het is mooi om te zien dat een organisatie nu al zegt ‘we willen er voor gaan’. En Comaxx heeft ze daarbij goed geholpen, zo werd mij wel duidelijk.”

Wat houdt jouw werk in?

“Cardan Technobility is gespecialiseerd in digitale toegankelijkheid, bijvoorbeeld de toegankelijkheid van websites (met extra aandacht voor mensen met beperkingen). We geven daarin advies en trainingen, maar we toetsen dus ook websites op hun toegankelijkheid volgens de WCAG-richtlijnen. Zoals de website die Comaxx voor DC Klinieken heeft gemaakt.”

“Ik ben sinds vorig jaar bij Technobility actief als Onderzoeker Digitale Toegankelijkheid. Naast advies en trainingen ben ik vooral bezig met het toetsen van websites op WCAG-richtlijnen. Als we een website toetsen, beginnen we met maken van een steekproef van pagina’s waarop allerlei soorten toegankelijkheidsproblemen naar voren komen. We kijken dus niet naar de hele website, sommige sites zijn veel te groot.”

Hoe gaat de WCAG-toets in praktijk?

“We toetsen aan de hand van de 50 zogenaamde succescriteria waaraan de websites van Nederlandse overheden nu al moeten voldoen. Per criterium kijken we welke problemen we tegenkomen. We hebben de criteria ingedeeld in thema’s, zoals ‘toetsenbordbediening’.”

“Als het onderzoek is afgerond maken we een verslag van de problemen, maar we denken meteen al mee in de oplossingen. We willen niet alleen doorstrepen, maar ook mee verbeteren. De opdrachtgever krijgt dus een rapport met fouten en de locaties daarvan en mogelijke oplossingen. Dat is meestal de eigenaar van de website, maar dat kan ook een websitebouwer zijn, zoals Comaxx.”

Wat gebeurt er na de rapportage?

“Na oplevering van het rapport wordt het ook met de klant besproken, zodat er geen onduidelijkheden zijn, of twijfels over de oplossing. Vervolgens krijgen ze drie maanden om de problemen op te lossen, omdat websites snel veranderen kan het eerste onderzoek snel minder representatief worden. Na die periode komt een hertoets, dan pak je het eerste onderzoek erbij en kijk je of alles is opgelost. We kijken dan ook of het oplossen van de problemen niet andere problemen heeft opgeleverd.”

“Ik ben onder de indruk van de snelheid waarmee de verbeteringen door DC Klinieken en Comaxx zijn opgepakt. Het was een pittige inspectie, omdat de website van DC veel verschillende componenten bevat. Dat maakt het complexer om op te lossen, maar dat is uiteindelijk allemaal goed gegaan. Er is door beide partijen echt veel werk ingestoken en het proces werd heel serieus genomen.”

“Veel organisaties weten niet zo goed wat het onderwerp toegankelijkheid inhoudt. Ze denken vaak dat een website helemaal opnieuw moet worden gebouwd, maar sommige problemen zijn relatief makkelijk op te lossen met een aantal aanpassingen. Een digitaal toegankelijke website hoeft ook niet meer werk te worden, als je er vanaf het begin al mee bezig bent.”

“Ik vind het fijn om te horen dat een websitebouwer als Comaxx bij het bouwen van andere sites nu ook naar toegankelijkheid kijkt. Dat maakt de wereld weer net iets laagdrempeliger en inclusiever”.

“Sinds ik het website-project van DC Klinieken heb gedaan volgens de WCAG-richtlijnen, heb ik pas door hoe ontoegankelijk het internet is voor sommige mensen. Ik zag op de site van de WCAG zelfs dat 25% van de Nederlanders moeite heeft met het lezen, bedienen of begrijpen van digitale informatie. Zoveel had ik niet verwacht.”

Ramon Hoeks is UX-designer & Front-end Developer bij Comaxx, hij is tegenwoordig nog bewuster dan vroeger bezig met de ‘toegankelijkheid’ van websites: “We willen vanaf nu dat alle websites die we bouwen toegankelijk zijn, ook als ze niet aan de WCAG 2.1-richtlijnen moeten voldoen. We willen het bewustzijn daarover ook vergroten, zoveel extra werk is het namelijk niet als je er vanaf de start van de realisatie rekening mee houdt.”

Wat is WCAG 2.1?

Wat betekent dat concreet?

“Je kunt het je misschien niet voorstellen als je nergens last van hebt, maar als je er op let zie je pas hoe frustrerend websites kunnen zijn voor sommige mensen. Zeker bij zorgwebsites, daar kom je niet voor niks. Onze klant DC Klinieken wilde voorop lopen op toegankelijkheid, terwijl ze er van de wet niet aan hoeven te voldoen. DC wil echter een ‘gastvrije omgeving’ zijn, ook digitaal.”

“We hadden een paar jaar terug voor DC klinieken een website gemaakt die al best toegankelijk was, bijvoorbeeld dankzij het makkelijk instellen van de lettergrootte. Eind 2022 hebben ze een WCAG-test laten doen, we zaten al op 50% van de norm. Inmiddels is de site 100% drempelvrij, ze hebben nu ook een waarmerk gekregen. Op de website van de WCAG-waarmerken zie je dat er nu 54 websites het keurmerk hebben.”

Waar moet je aan denken bij het toegankelijker maken van je website?

“Bij het ontwerpen van een website keken we in het verleden vooral naar wat mooi is, bijvoorbeeld dat een datum van een artikel vlak boven de kop moet staan. Als je voorleessoftware gebruikt is dat niet handig blijkbaar, voor de luisteraar is de datum van het volgende artikel dan niet duidelijk. Maar ook een link onder ‘lees meer’ is lastig bij die software, het is veel plezieriger voor de gebruikers als er ‘lees meer over staarbehandeling’ staat. Er is hulpsoftware die alle links namelijk bij elkaar zet, dan staat er 20 keer ‘lees meer’ als linkje.”

“Sommige mensen kunnen ook niet met een muis werken, je moet een website dan met het toetsenbord ook goed kunnen bedienen. Veel zit ook in de code, voor elke afbeelding moet een tekstueel alternatief zijn dat soms verder gaat dan alleen het invullen van de alt-tag. Het zijn geen spannende wijzigingen, maar het maakt het allemaal wel net wat gebruiksvriendelijker.”

Hoe kun je zien hoe toegankelijk je website is?

“Met Google Lighthouse kun je je website laten scoren, ook op toegankelijkheid. DC Klinieken is daar van 85 naar 100 gegaan. Maar er zijn ook extensies voor Google Chrome zoals de ‘Web Disability Simulator’ die laten zien hoe toegankelijk een website is voor iemand met Parksinson of dyslexie. Of de ‘WAVE Web Accessibility Evaluation Tools’, die laten je ook zien wat toegankelijk is en wat niet.”

“Het is vooral ingewikkeld om een bestaande site klaar te maken voor het WCAG , soms zitten er al functionaliteiten in die moeilijk zijn aan te passen. Bij een nieuwe site houden we er vanaf het begin rekening mee, dan is het gewoon een kwestie van onderdelen goed zetten. We houden bijvoorbeeld al rekening met contrasten, dat is al belangrijk voor mensen die met een telefoon door de zon lopen. Wat dat betreft kun je onder ‘beperkingen’ ook de situatie van de gebruiker scharen.”

Ben je klaar als het certificaat is gehaald?

“Als je het WCAG-certificaat hebt gehaald moet je het natuurlijk blijven toepassen, om de drie jaar krijg je een herkeuring. Als je eenmaal snapt hoe een gebruiker met hulpsoftware door de website heen gaat, is het makkelijk om rekening met deze gebruikers te houden. Als je deze denkwijze binnen je organisatie deelt zou je geen problemen moeten hebben om na drie jaar het certificaat opnieuw te behalen.”

“Ik zag een andere website in de WCAG-database waar ze het WCAG-certificaat op hadden geplaatst zonder alt tag. Dan ga je meteen weer de mist in, haha.”