Toegankelijkheid klinkt voor veel ondernemers als iets voor grote organisaties met een juridische afdeling. In de praktijk is het simpeler en breder: een toegankelijke site is een site die iedereen kan gebruiken, ook mensen die slecht zien, niet met een muis werken of een schermlezer gebruiken. De WCAG-richtlijnen geven daar houvast bij. Deze gids legt uit wat die richtlijnen voor jouw site betekenen, welke eisen er gelden en hoe je een site bruikbaar maakt voor iedereen, ook zonder groot budget.

Wat WCAG is

WCAG staat voor Web Content Accessibility Guidelines, de internationale richtlijnen voor toegankelijke websites. Ze beschrijven hoe je content waarneembaar, bedienbaar, begrijpelijk en robuust maakt voor zoveel mogelijk mensen. De richtlijnen kennen niveaus, van basis tot streng, maar je hoeft geen jurist te zijn om er iets mee te kunnen.

Voor overheidssites zijn deze richtlijnen verplicht. Voor het MKB zijn ze vooral een kwaliteitsnorm: een houvast om je site bruikbaar te maken voor iedereen. Je hoeft niet alles tot in de puntjes te volgen om grote winst te boeken; de basisprincipes maken al een merkbaar verschil.

Waarom het ook voor MKB loont

Toegankelijkheid wordt vaak gezien als iets voor een kleine groep, maar het raakt veel meer mensen dan je denkt: ouderen, mensen met een tijdelijke blessure, of simpelweg iemand die buiten in fel zonlicht naar zijn scherm tuurt. Een toegankelijke site is voor al die bezoekers prettiger.

Daar komt bij dat toegankelijkheid en vindbaarheid hand in hand gaan. Heldere structuur en beschrijvende teksten helpen zowel een schermlezer als een zoekmachine. De overlap met gebruiksvriendelijkheid is groot; een toegankelijke site is bijna altijd ook een prettige site, zoals ook blijkt uit de dienst UX en gebruiksvriendelijkheid.

Contrast en leesbaarheid

De meest voorkomende toegankelijkheidsfout is te weinig contrast: lichtgrijze tekst op een witte achtergrond ziet er strak uit maar is voor veel mensen slecht leesbaar. WCAG stelt minimale verhoudingen tussen tekst- en achtergrondkleur, en die zijn met een gratis tool zo te controleren.

Dit hangt nauw samen met typografie op het web, waar leesbaarheid en comfort centraal staan.

Bediening en navigatie

Niet iedereen gebruikt een muis. Mensen met een motorische beperking, maar ook power-users, navigeren met het toetsenbord. Een toegankelijke site is volledig met de Tab-toets te bedienen, met een duidelijk zichtbare focus die laat zien waar je bent.

Ook een logische, voorspelbare navigatie hoort hierbij. Een menu dat overal hetzelfde werkt en koppen die de structuur volgen, helpen iedereen om de weg te vinden. Hoe je zo'n menu opbouwt, lees je in een navigatiemenu opbouwen. Dit sluit aan op de gids over responsive ontwerp van de grond af, want toetsenbord- en touchbediening vragen allebei om voldoende ruimte.

Structuur en beeld

Een schermlezer leest een pagina voor in de volgorde van de code en gebruikt de koppen als kapstok. Daarom is een nette koppenstructuur, met een H1, daarna H2's en H3's in logische volgorde, belangrijk voor toegankelijkheid. Het is dezelfde structuur die ook je vindbaarheid helpt.

Beeld verdient aparte aandacht. Elke betekenisvolle afbeelding hoort een alt-tekst te hebben: een korte beschrijving die voorgelezen wordt voor wie de afbeelding niet ziet. Decoratief beeld kan juist worden overgeslagen. Hoe je beeld bewust inzet, behandel ik in beeldgebruik en iconen.

Toegankelijkheid testen

Je hoeft geen specialist te zijn om je site te controleren. Een paar eenvoudige tests vangen de meeste problemen.

  1. Toetsenbordtest. Navigeer met alleen de Tab-toets door de site. Kom je overal en zie je waar je bent?
  2. Contrastcheck. Een gratis tool laat zien of tekst en achtergrond genoeg verschillen.
  3. Structuurcheck. Volgen de koppen een logische volgorde, zonder niveaus over te slaan?
  4. Echte gebruikers. De sterkste test is iemand laten meekijken die de site met een hulpmiddel gebruikt.

Zelf doen of uitbesteden?

De basis van toegankelijkheid is goed zelf te realiseren: contrast, leesbaarheid en een nette structuur kun je met aandacht zelf op orde brengen. Voor strengere eisen of een site die volledig aan WCAG moet voldoen, loont het om het te laten meenemen vanaf het ontwerp, want achteraf repareren is duurder. Wie het uitbesteedt, krijgt toegankelijkheid die is ingebakken in plaats van eraan geplakt. Bekijk de dienst webdesign of neem vrijblijvend contact op om je situatie te bespreken.

Veelgestelde vragen

WCAG staat voor Web Content Accessibility Guidelines, de internationale richtlijnen voor toegankelijke websites. Voor de overheid zijn ze verplicht; voor het MKB zijn ze vooral een kwaliteitsnorm. Een toegankelijke site is voor iedereen prettiger en wordt door zoekmachines beter begrepen, dus het loont ook als het niet wettelijk hoeft.

Ja. De grootste winst zit in basale keuzes die niets extra kosten: voldoende kleurcontrast, leesbare tekst, bediening met het toetsenbord, duidelijke koppen en alt-teksten bij beeld. Wie dat vanaf het ontwerp meeneemt, maakt een site toegankelijk zonder apart budget.

Vaak wel. Heldere koppen, beschrijvende teksten en een logische structuur helpen zowel mensen met een schermlezer als zoekmachines om de inhoud te begrijpen. Toegankelijkheid en vindbaarheid versterken elkaar, omdat beide draaien om een site die duidelijk en goed gestructureerd is.

Begin met de basis: kun je de site volledig met het toetsenbord bedienen, is het contrast voldoende en zijn afbeeldingen voorzien van een beschrijving? Er zijn gratis tools die contrast en structuur controleren. De beste test blijft iemand laten meekijken die de site echt op die manier gebruikt.

Verder in de kennisbank: Responsive ontwerp van de grond af · Informatiearchitectuur voor een MKB-site · UX en gebruiksvriendelijkheid