Checklist · WCAG-lite

Toegankelijkheid: checklist voor KMO-sites

Geen juridisch WCAG-handboek. Wel de checks die Peter en Michaël bij oplevering en audits meenemen.

Toegankelijkheid is geen “extra badge”. Het is of iemand met slecht zicht, toetsenbord of schermlezer jouw site kan gebruiken. Voor KMO’s in Mere en omgeving starten we met de basics hieronder. Print de pagina of kopieer de lijst naar een sheet.

Snelle technische start: website-scan. Sites bouwen we vanaf €999 in meestal 2 tot 6 weken (37+ sites). Volledige AA-certificering is een ander traject dan deze lite-checklist.

Checklist om af te vinken

Vink af wat klopt. Wat open blijft, plant je in een sprint of onderhoudsbeurt.

1. Contrast & leesbaarheid

  • Tekst op achtergrond heeft voldoende contrast (grijze tekst op lichtgrijs is een klassieker).
  • Links zijn niet alleen herkenbaar aan kleur (onderstreping of icoon helpt).
  • Lettergrootte body is comfortabel op mobiel; zoom tot 200% breekt de layout niet.
  • Geen essentiële info alleen in een afbeelding zonder tekstalternatief.

2. Afbeeldingen (alt)

  • Inhoudelijke beelden hebben een korte, eerlijke alt-tekst.
  • Decoratieve beelden: lege alt (alt="") of rol die ze negeert, niet “image123.jpg”.
  • Logo’s die als link dienen: alt met merknaam of bestemming.

3. Toetsenbord & focus

  • Hele primaire navigatie bereikbaar met Tab / Shift+Tab.
  • Zichtbare focusring op knoppen en links (niet outline: none zonder vervanging).
  • Dropdowns en mobiel menu openen en sluiten met toetsenbord.
  • Skip-link “Ga naar hoofdinhoud” aanwezig en werkend.
  • Geen toetsenbordval (modal die je niet kunt sluiten met Escape of Tab).

4. Formulieren

  • Elk veld heeft een zichtbaar label (niet alleen placeholder).
  • Foutmeldingen leggen uit wat er mis is en hoe te herstellen.
  • Verplichte velden zijn aangeduid; fouten niet alleen in kleur.
  • Succesmelding of bedankpagina is duidelijk voor iedereen.

5. Structuur & media

  • Eén logische H1; koppen in volgorde (geen H4 “omdat het mooi staat”).
  • Taal van de pagina is ingesteld (lang="nl").
  • Video’s: ondertiteling of transcript waar inhoud telt; autoplay met geluid uit.
  • Beweging respecteert prefers-reduced-motion waar je animaties gebruikt.

Hoe test je dit in 20 minuten

  1. Open de homepage en een contactpagina op je telefoon en op desktop.
  2. Navigeer alleen met Tab. Noteer waar focus verdwijnt.
  3. Vul het formulier fout in; lees de foutmelding hardop.
  4. Draai een snelle scan via /tools/website-scan/ en pak de topfouten.
  5. Fix de makkelijke wins (alt, contrast, labels) vóór je “grote redesign” plant.

Veelgestelde vragen

Moet elke KMO-site volledig WCAG AA zijn?

Voor veel publieke diensten strenger. Voor een typische KMO is deze lite-basis het realistische startpunt. Volledige AA is een apart project.

Volstaat een automatische scan?

Nee. Combineer tools met Tab-toets en gezond verstand. Een scan is geen certificaat.

Site laten nalopen?

Start met de website-scan, of bel voor een groeiplan. We prioriteren wat bezoekers en leads écht blokkeert.

Gerelateerd: website-scan · alle gidsen

Richtprijs Pixapop

vanaf €999

Mere · 2 tot 6 weken · 37+ sites

Toegankelijke basics horen bij nette oplevering, geen loze badge.

Gratis groeiplan

+(32) 469 16 17 63