WCAG & toegankelijkheid: praktische stappen voor MKB

Webtoegankelijkheid: waarom het u aangaat

Vanaf 28 juni 2025 is de European Accessibility Act (EAA) van kracht. Dit betekent dat steeds meer digitale diensten toegankelijk moeten zijn voor mensen met een beperking. Maar los van wetgeving: een toegankelijke website is simpelweg een betere website voor iedereen.

Wat is WCAG?

WCAG staat voor Web Content Accessibility Guidelines — de internationale standaard voor webtoegankelijkheid. De richtlijnen zijn georganiseerd rond vier principes:

Waarneembaar: Informatie moet op meerdere manieren gepresenteerd kunnen worden
Bedienbaar: Navigatie en interactie moeten voor iedereen mogelijk zijn
Begrijpelijk: Content en bediening moeten duidelijk zijn
Robuust: Content moet betrouwbaar geïnterpreteerd worden door verschillende technologieën

WCAG niveaus

Niveau A: Minimale toegankelijkheid (het absolute minimum)
Niveau AA: De standaard waar de meeste wetgeving naar verwijst
Niveau AAA: Hoogst mogelijke toegankelijkheid (niet altijd haalbaar)

Ons advies: Streef naar WCAG 2.1 niveau AA. Dit is wat de EU-wetgeving vereist en wat de meeste organisaties realistisch kunnen implementeren.

10 praktische stappen voor MKB

1. Kleurcontrast controleren

Tekst moet voldoende contrast hebben met de achtergrond. De minimale verhouding is:

Normale tekst: 4.5:1
Grote tekst (18px+ of 14px+ bold): 3:1

Tool: Gebruik de WebAIM Contrast Checker (gratis online) om uw kleuren te testen.

2. Alt-teksten voor afbeeldingen

Elke afbeelding die informatie overbrengt heeft een alt-tekst nodig. Dit is niet alleen voor blinde bezoekers — het helpt ook bij trage internetverbindingen en SEO.

Goed: alt="Kantoor van ProWeb Studio in Nederland" Fout: alt="foto" of helemaal geen alt-tekst

Uitzondering: Puur decoratieve afbeeldingen krijgen een lege alt: alt=""

3. Toetsenbordnavigatie

Veel bezoekers gebruiken alleen een toetsenbord om te navigeren — door een beperking, door voorkeur of door het gebruik van hulptechnologie.

Test zelf:

Ga naar uw website
Druk op Tab om door de pagina te navigeren
Kun u alle links en knoppen bereiken?
Ziet u waar de focus is (focusring)?

4. Koppen structuur (H1-H6)

Schermleessoftware gebruikt koppenstructuur om door een pagina te navigeren. Een goede structuur:

H1: Paginatitel (één per pagina)
  H2: Hoofdsectie
    H3: Subsectie
    H3: Subsectie
  H2: Volgende hoofdsectie

Fout: Koppen overslaan (van H1 naar H3) of koppen gebruiken voor styling in plaats van structuur.

5. Formulieren met labels

Elk invoerveld moet een gekoppeld label hebben. Placeholder-tekst alleen is niet voldoende.

Goed:

<label for="email">E-mailadres</label>
<input type="email" id="email" name="email">

Fout: Alleen een placeholder zonder label.

6. Linksteksten die context geven

Links moeten begrijpelijk zijn zonder de omringende tekst te lezen.

Goed: "Bekijk onze diensten" of "Lees meer over SEO optimalisatie" Fout: "Klik hier" of "Lees meer"

7. Video met ondertiteling

Als u video's op uw website heeft, voorzie deze van ondertitels. Dit helpt niet alleen dove bezoekers, maar ook mensen die video's zonder geluid bekijken (denk aan openbaar vervoer).

8. Responsief ontwerp

Een toegankelijke website werkt op alle schermformaten. Tekst moet schaalbaar zijn tot minimaal 200% zonder horizontaal scrollen.

9. Foutmeldingen bij formulieren

Als een bezoeker een fout maakt in een formulier, moet de foutmelding:

Duidelijk aangeven wat er mis is
Suggesties geven voor correctie
Visueel én tekstueel zijn (niet alleen een rode rand)

10. Taalattribuut instellen

Zet het lang attribuut op uw HTML-element. Voor Nederlandse websites: <html lang="nl">. Dit helpt schermleessoftware de juiste uitspraak te gebruiken.

De EU Accessibility Act: wat u moet weten

Vanaf 28 juni 2025 moeten bepaalde producten en diensten aan toegankelijkheidseisen voldoen. Dit geldt onder andere voor:

E-commerce websites
Bankdiensten
E-books
Vervoersdiensten

Belangrijk: De wet is gefaseerd. Niet alle bedrijven vallen er direct onder, maar de trend is duidelijk: toegankelijkheid wordt standaard.

Veelgestelde vragen

Moet mijn MKB-website nu al WCAG-compliant zijn? De EAA richt zich primair op grotere dienstverleners, maar ook als u er nu niet direct onder valt, is het verstandig om toegankelijkheid mee te nemen. Het verbetert uw website voor álle bezoekers en voorkomt toekomstige aanpassingen.

Kost toegankelijkheid veel extra? Als u het vanaf het begin meeneemt: minimaal. Achteraf toevoegen is duurder. Bij ProWeb Studio is WCAG-awareness standaard onderdeel van ons ontwikkelproces.

Hoe test ik de toegankelijkheid van mijn website? Begin met de gratis Lighthouse audit in Chrome DevTools. Voor een uitgebreider beeld: WAVE (Web Accessibility Evaluation Tool) is gratis en gebruiksvriendelijk.