Zo maak je jouw website digitaal toegankelijk voor iedereen!

Als website-eigenaar of -beheerder wil je natuurlijk dat iedereen jouw site probleemloos kan gebruiken. Maar heb je er weleens bij stilgestaan dat miljoenen Nederlanders (ongeveer 25% van de totale bevolking!) moeite hebben met jouw website? Denk aan mensen die slechtziend zijn, slecht horen of motorische beperkingen hebben. Voor hen kan een eenvoudige, maar ontoegankelijke, webpagina gebruiken al een grote uitdaging zijn. 

Je kunt je voorstellen dat het centraal stellen van de gebruikers belangrijk is voor iedereen. Ook voor jou! Sinds 23 september 2020 zijn Nederlandse overheidswebsites al wettelijk verplicht om te voldoen aan de richtlijnen voor digitale toegankelijkheid. Vanaf juni 2025 wordt de wetgeving aangescherpt en moeten alle websites en apps aan deze regelgeving voldoen. 

Waarom Toegankelijkheid Belangrijk is

Jouw website digitaal toegankelijk maken wordt niet alleen verplicht, maar biedt ook veel voordelen voor bedrijven. Zo maak je jouw website toegankelijker voor een bredere doelgroep, vergroot je jouw potentiële klantbereik en zet je jouw bedrijf in de markt als maatschappelijk verantwoord. Bovendien kan het verbeteren van digitale toegankelijkheid de SEO-waarde van je website verhogen, waardoor je beter vindbaar wordt in zoekmachines.

Samenvattend bieden toegankelijke website een algemeen fijnere gebruikerservaring, ook voor mensen zonder beperking. Dit leidt tot hogere conversiepercentages en meer klanttevredenheid.

Wat is Digitale Toegankelijkheid?

Digitale toegankelijkheid betekent dat iedereen, ongeacht beperkingen, jouw website kan gebruiken. De regels hiervoor zijn afkomstig van de overheid en gebaseerd op de WCAG versie 2.1. Er zijn vier basisprincipes van toegankelijkheid omschrijven. Elk principe heeft meerdere richtlijnen en elke richtlijn een succescriteria. Voldoe je op de juiste manier aan deze richtlijnen? Dan wordt er een niveau aan jouw website toegekend. Er zijn drie niveaus van toegankelijkheid.

• A = basis
• AA = goed (de standaard)
• AAA = uitstekend (voor speciale software)

In Nederland volgen we de richtlijnen van WCAG 2.1 AA (Web Content Accessibility Guidelines, versie 2.1, niveau AA). Zet je graag een stapje extra? Sinds 5 oktober 2023 is versie 2.2 het aanbevolen versienummer vanuit het World Wide Web Consortium (W3C), dat deze richtlijnen opstelt.

📣 Op zoek naar meer details over WCAG? Zo pas je de WCAG-richtlijnen toe en maak je jouw WordPress-website klaar voor de European Accessibility Act.

De Vier Uitgangspunten van Toegankelijkheid

Om jouw digitale omgeving toegankelijk te maken, werkt het W3C met vier uitgangspunten. 

1. Waarneembaar: de informatie op de website moet beschikbaar zijn voor alle gebruikers.
2. Bedienbaar: de navigatie en componenten van de website moeten door alle gebruikers te bedienen zijn.
3. Begrijpelijk: alle informatie en het gebruik van de website moeten te begrijpen zijn door de gebruiker.
4. Robuust: de website moet geschikt zijn voor verschillende browsers, besturingssystemen en hulpmiddelen voor toegankelijkheid.

Check of jouw website aan de richtlijnen voldoet

De richtlijnen beschrijven het basisdoel van de hierboven beschreven principes. Benieuwd naar de AA richtlijnen? Hieronder vind je een handige checklist met de richtlijnen voor een AA beoordeling.

Let op: om te voldoen aan de WCAG AA, moet je ook aan alle richtlijnen van WCAG A voldoen.

• 1.3.4 – Je website moet niet vastzitten in portret- of landschapsmodus, tenzij dit nodig is. – Ontwikkelaar
• 1.3.5 – De functie van een invoerelement moet duidelijk zijn zodat browsers en hulpmiddelen de gebruiker kunnen helpen (bijv. automatisch aanvullen). – Ontwikkelaar
• 1.4.10 – Zorg ervoor dat iemand kan inzoomen op je website zonder te moeten scrollen of een slechte ervaring te krijgen. – Ontwerper
• 1.4.11 – Alle belangrijke niet-tekstuele inhoud (bijv. knoppen, invoervelden, iconen) op je website moet een minimaal kleurcontrast van 3:1 hebben, zodat ze opvallen. – Ontwerper
• 1.4.12 – Zorg dat de tekstafstand kan worden aangepast zonder dat dit een slechte ervaring veroorzaakt. – Ontwerper
• 1.4.13 – Zorg dat extra inhoud (bijv. pop-ups, submenu’s) kan worden gesloten of zichtbaar kan blijven als de gebruiker dat wil. – Ontwerper, Ontwikkelaar
• 2.1.4 – Als je een toetsenbord snelkoppeling hebt, zorg dan dat een gebruiker deze kan uitschakelen, een extra toets aan de snelkoppeling kan toevoegen, of de snelkoppeling alleen actief is bij focus op een specifiek onderdeel. – Ontwikkelaar
• 2.5.1 – Bied eenvoudige alternatieven (bijv. een enkele tik in plaats van vegen) voor complexe vingerbewegingen op touchscreens. – Ontwikkelaar
• 2.5.2 – Bied een manier om de activering te annuleren wanneer je een functie activeert met een muis of vingerdruk. – Ontwikkelaar
• 2.5.3 – Zorg ervoor dat alle programmatische labels die je maakt, overeenkomen met de bijbehorende visuele tekst. – Ontwikkelaar
• 2.5.4 – Voor functies die door beweging worden geactiveerd, bied een eenvoudigere alternatieve manier om de actie uit te voeren en geef gebruikers de optie om beweging activering uit te schakelen. – Ontwikkelaar
• 4.1.3 – Wanneer er een statusbericht verschijnt, moet dit gecodeerd zijn met een rol of eigenschappen zodat mensen die hulpmiddelen gebruiken (bijv. schermlezers) worden gewaarschuwd zonder focus te verliezen. – Ontwikkelaar

De volledige lijst met A en AA richtlijnen én succescriteria vind je op de W3C-website.

Maak je website toegankelijk!

Als je alle criteria hebt kunnen afvinken, zit je in Nederland helemaal goed op het gebied van digitale toegankelijkheid. Maar vergeet niet, een toegankelijke website betekent niet automatisch een gebruiksvriendelijke website. Denk daarom ook aan:

• Makkelijke navigatie
• Logische volgorde in teksten
• Hiërarchie 
• Vindbare informatie
• Begrijpelijke taal
• Rustige, consistente vormgeving

Heb je hulp nodig om je website toegankelijk te maken? Neem gerust contact met ons op. Samen zorgen we ervoor dat jouw website toegankelijk en gebruiksvriendelijk is voor iedereen!