Meer dan 96 procent van de meest bezochte websites heeft aantoonbare toegankelijkheidsfouten op de homepage. Dat cijfer komt uit het jaarlijkse toegankelijkheidsonderzoek van WebAIM, waarin elk jaar miljoenen pagina's worden getest. Een toegankelijk websiteontwerp is niet de standaard. Je moet het bewust bouwen, en bij de meeste bedrijfswebsites is dat niet gebeurd.
Een toegankelijk websiteontwerp betekent dat je een website zo opzet en bouwt dat mensen met een beperking hem goed kunnen waarnemen, doorlopen en gebruiken. Daaronder vallen mensen met een visuele beperking die een schermlezer gebruiken, mensen met een motorische beperking die met het toetsenbord navigeren in plaats van met een muis, mensen met gehoorverlies die ondertitels nodig hebben bij audio en video, en mensen met een cognitieve beperking die baat hebben bij duidelijke, consistente opmaak.
Toegankelijkheid is geen functie die je aan het eind van een bouw toevoegt. Het is een reeks keuzes in ontwerp en ontwikkeling, gedurende het hele traject, die bepalen of alle bezoekers de site kunnen gebruiken, en niet alleen mensen zonder beperking.
Voor welke bezoekers is toegankelijk websiteontwerp?
De Wereldgezondheidsorganisatie schat dat meer dan 1,3 miljard mensen met een of andere vorm van beperking leven. Dat is ongeveer 16 procent van de wereldbevolking. Ontwerpen voor toegankelijkheid betekent ontwerpen voor een flink deel van je potentiële publiek.
De voordelen reiken verder dan gebruikers met een blijvende beperking. Een bezoeker die in fel zonlicht een telefoon gebruikt, ziet minder. Iemand met een tijdelijke blessure navigeert misschien met het toetsenbord. Een gebruiker die in een lawaaiige omgeving een video bekijkt, heeft ondertitels nodig om mee te komen. Verbeteringen voor toegankelijkheid helpen bij tijdelijke en situatiegebonden beperkingen net zo goed als bij blijvende. Een website die toegankelijk is gebouwd, werkt beter voor een veel bredere groep mensen.
Er is ook een juridische kant. In veel landen, waaronder de Verenigde Staten, zijn bedrijven wettelijk verplicht om gelijke toegang tot hun diensten te bieden. Er zijn rechtszaken over toegankelijkheid van websites geweest en het aantal juridische acties over webtoegankelijkheid groeit elk jaar. Het artikel over hoe je je website ADA-conform maakt legt uit wat de wettelijke eisen in de praktijk betekenen voor bedrijfswebsites.
Wat zijn de WCAG-toegankelijkheidsrichtlijnen?
De Web Content Accessibility Guidelines, kortweg WCAG, zijn de internationaal erkende richtlijnen voor webtoegankelijkheid. Ze zijn gepubliceerd door het World Wide Web Consortium en kennen drie niveaus van conformiteit. Niveau A is het minimum. Niveau AA is de norm waar de meeste wettelijke kaders naar verwijzen en het praktische doel voor bedrijfswebsites. Niveau AAA is het meest uitgebreid en is zelden nodig voor een hele site.
WCAG is opgebouwd rond vier kernprincipes, samen aangeduid met het acroniem POUR.
Waarneembaar
Alle inhoud moet worden aangeboden op manieren die gebruikers kunnen waarnemen. Alternatieve teksten bij afbeeldingen laten schermlezers visuele inhoud beschrijven voor gebruikers die niet kunnen zien. Ondertitels en transcripties maken audio en video toegankelijk voor mensen met gehoorverlies. Genoeg kleurcontrast zorgt dat tekst leesbaar is voor mensen met een slecht gezichtsvermogen of kleurenblindheid.
Bedienbaar
Alle functies moeten bedienbaar zijn met een toetsenbord, en niet alleen met een muis of touchscreen. Navigatie moet voorspelbaar zijn. Gebruikers moeten genoeg tijd hebben om inhoud te lezen en te gebruiken, zonder tijdsdruk. Flitsende inhoud die aanvallen kan veroorzaken, moet je vermijden of beheersbaar maken.
Begrijpelijk
Inhoud en navigatie moeten leesbaar en begrijpelijk zijn. De taal van de pagina moet zijn aangegeven, zodat schermlezers de juiste uitspraakregels toepassen. Foutmeldingen in formulieren moeten uitleggen wat er misging en hoe je het oplost. Navigatie moet zich op alle pagina's hetzelfde gedragen, zodat gebruikers kunnen voorspellen waar de bediening staat.
Robuust
Inhoud moet betrouwbaar werken met huidige en toekomstige hulptechnologie. Dat betekent geldige, semantische HTML gebruiken, zodat schermlezers en andere hulpmiddelen de structuur van de pagina goed kunnen lezen. Knoppen moeten als knoppen zijn gecodeerd. Koppen moeten een logische hiërarchie volgen en niet alleen worden gekozen op hun visuele grootte. Het artikel over wat visuele hiërarchie is legt uit hoe koppenstructuur en visueel gewicht samenwerken op een pagina.
Wat zijn de meest voorkomende toegankelijkheidsproblemen van websites?
De toegankelijkheidsanalyse van WebAIM noemt zes soorten fouten die op de overgrote meerderheid van de geteste pagina's voorkomen. Ontbrekende alternatieve tekst bij afbeeldingen komt het vaakst voor. Te weinig kleurcontrast tussen tekst en achtergrond is de tweede. Ontbrekende labels bij formuliervelden, lege links, ontbrekende taalaanduiding van het document en lege knoppen vormen de rest.
Voor bedrijfswebsites zijn de praktische beginpunten alternatieve teksten bij alle afbeeldingen die iets betekenen, genoeg contrast bij alle tekstelementen, duidelijke labels bij elk formulierveld en een logische koppenstructuur op elke pagina.
Toegankelijke navigatie is een andere veelvoorkomende zwakke plek. Keuzemenu's die alleen reageren als je erover beweegt, werken niet voor toetsenbordgebruikers. Links die "klik hier" of "lees meer" zeggen zonder context eromheen, werken niet voor gebruikers van schermlezers die via een lijst met links navigeren. Het artikel over wat websitenavigatie is legt uit hoe je navigatie bouwt die werkt met alle invoermethoden en apparaten.
Hoe test je je website op toegankelijkheid?
Geautomatiseerde tools vinden snel een groot deel van de toegankelijkheidsfouten. Browserextensies die pagina's analyseren aan de hand van WCAG-criteria laten contrastproblemen, ontbrekende alt-tekst en structuurproblemen zien, zonder dat je iets technisch hoeft in te stellen. Een geautomatiseerde scan is een goede eerste stap en vangt de meest voorkomende problemen op de meeste pagina's.
Geautomatiseerd testen heeft grenzen. Het kan niet betrouwbaar beoordelen of alt-tekst beschrijvend is, of de leesvolgorde klopt als je de CSS weghaalt, of interactieve elementen goed werken met een schermlezer. Voor een grondige controle is handmatig testen nodig. De belangrijkste pagina's van een site doorlopen met alleen het toetsenbord, zonder de muis aan te raken, is een snelle check die bedieningsproblemen meteen laat zien.
Voor een uitgebreide controle is testen met echte hulptechnologie de betrouwbaarste aanpak. Schermlezers zijn gratis beschikbaar op alle grote besturingssystemen, en de belangrijke pagina's van een site doorlopen met zo'n schermlezer legt problemen bloot die geautomatiseerde tools helemaal missen.
Hoe beïnvloedt toegankelijkheid SEO?
Veel praktijken voor toegankelijkheid ondersteunen SEO direct. Alt-tekst bij afbeeldingen geeft context aan zoekmachines, die visuele inhoud niet kunnen lezen. Een logische koppenstructuur helpt zoekmachines begrijpen hoe een pagina is opgebouwd. Beschrijvende linkteksten geven zoekmachines betekenisvolle ankerteksten in plaats van algemene zinnen. Pagina's die met het toetsenbord te bedienen en netjes opgebouwd zijn, scoren over het algemeen beter op signalen voor gebruikerservaring.
De overlap is geen toeval. Toegankelijkheid en SEO gaan allebei over inhoud beschikbaar en begrijpelijk maken voor een bredere groep gebruikers en systemen. Verbeteringen voor het één komen vaak het ander ten goede. Het artikel over wat SEO is legt uit hoe zoekmachines de kwaliteit van een pagina beoordelen en waar toegankelijkheid raakt aan rankingsignalen.
Hoe WEMASY met toegankelijkheid omgaat
De websitebouwer van WEMASY maakt semantische HTML en past koppenstructuren in logische volgorde toe. Bij alle afbeeldingen zit een veld voor alt-tekst, zodat je beschrijvingen kunt toevoegen zonder code te bewerken. Sjablonen zijn gebouwd op de WCAG AA-normen voor kleurcontrast, zodat het standaardontwerp zonder handmatige aanpassing voldoet. Bediening met het toetsenbord en aanraakvlakken op mobiel regelt het platform, zonder aparte instellingen.
Bekijk wat erbij zit op de websitebouwer van WEMASY of bekijk de abonnementen op de prijzenpagina.
Veelgestelde vragen
Is toegankelijkheid van een website wettelijk verplicht?
In de Verenigde Staten verplicht de Americans with Disabilities Act bedrijven om gelijke toegang tot hun diensten te bieden, en rechters en het ministerie van Justitie hebben bevestigd dat dit ook voor websites geldt. De Europese Webtoegankelijkheidsrichtlijn en de Europese toegankelijkheidswet (European Accessibility Act) stellen vergelijkbare eisen. Het juridische kader verschilt per land en type bedrijf, maar voor elk bedrijf dat het publiek bedient, brengt het als optioneel behandelen van toegankelijkheid juridisch risico met zich mee. Met de websitebouwer van WEMASY zet je dit direct op je eigen website op.
Wat is het verschil tussen WCAG A, AA en AAA?
WCAG heeft drie niveaus van conformiteit. Niveau A omvat de minimumeisen waar alle webinhoud aan moet voldoen. Niveau AA voegt specifiekere criteria toe voor kleurcontrast, toegankelijkheid met het toetsenbord en foutafhandeling in formulieren. Het is het niveau waar de meeste wettelijke kaders naar verwijzen en het praktische doel voor bedrijfswebsites. Niveau AAA is het meest uitgebreid en wordt meestal niet als algemene norm geëist, omdat sommige criteria niet voor alle soorten inhoud te halen zijn.
Maakt een toegankelijke website hem trager?
Nee. Alt-tekst toevoegen, de koppenstructuur verbeteren en het kleurcontrast verhogen hebben geen invloed op de laadtijd. Sommige toevoegingen voor toegankelijkheid, zoals transcripties bij video, brengen extra bestanden mee, maar de kernpraktijken die voor de meeste bedrijfswebsites gelden zijn wijzigingen in structuur en tekst die geen prestatiekosten hebben.
Hoeveel van een website moet toegankelijk zijn?
Alles. Toegankelijkheid geldt voor elke pagina die een bezoeker kan bereiken, inclusief productpagina's, contactformulieren, afrekenstappen en downloadbare documenten. Een homepage die de toegankelijkheidstest haalt terwijl een contactformulier faalt, blijft een ontoegankelijke ervaring voor gebruikers die het nodig hebben. Een toegankelijkheidsaudit moet de hele route van de gebruiker dekken voor de belangrijkste taken die een bezoeker kan uitvoeren, en niet alleen de voorpagina.
Wat is een toegankelijkheidsverklaring?
Een toegankelijkheidsverklaring is een pagina die beschrijft in hoeverre een website voldoet aan de toegankelijkheidseisen, bekende beperkingen benoemt en contactgegevens geeft voor gebruikers die problemen tegenkomen. Het is een maatregel voor transparantie en geen juridisch schild. Veel regels voor toegankelijkheid eisen of adviseren er een, en het laat gebruikers met een beperking zien dat er over toegankelijkheid is nagedacht. Een verklaring is het nuttigst als je hem actueel houdt en hij de echte staat van de site weergeeft.