Checklist toegankelijkheid website voor kleine bedrijven (op basis van WCAG)

Praktische checklist voor toegankelijkheid van websites op basis van WCAG 2.2: toetsenbord en focus, tekst, contrast, formuliervelden en fouten, alternatieve afbeeldingsbeschrijvingen, automatische controles en handmatige tests.

Met deze checklist kan een eigenaar van een klein bedrijf in ongeveer een uur de belangrijkste controles uitvoeren zonder speciale software: navigeer de site alleen met een toetsenbord, controleer tekstgrootte en contrast, controleer of elk formulierveld een label en duidelijke foutmelding heeft en kijk of afbeeldingen passende tekstalternatieven hebben. De checklist is gebaseerd op WCAG 2.2, de standaard waarnaar de meeste wetten en beleidsregels verwijzen, en op de eenvoudige controles van W3C. Deze checklist halen betekent niet dat een site juridisch aan alle eisen voldoet; de checklist helpt de meest voorkomende barrières te vinden.

1. Navigatie met toetsenbord en focus controleren

Leg je muis weg. Druk vanaf het begin van de pagina op Tab tot onderaan en daarna op Shift+Tab terug.

[ ] Bij de eerste Tab verschijnt een link "Naar inhoud overslaan" (handig bij lange menu’s)
[ ] Je kunt elke link, knop en elk formulierveld met Tab bereiken
[ ] Je ziet altijd waar de focus is (een omlijning of markering)
[ ] De focus beweegt in een logische volgorde, van boven naar beneden en links naar rechts
[ ] Het menu opent met Enter of Spatie en sluit met Escape
[ ] Pop-ups kun je met het toetsenbord sluiten; de focus keert terug naar de pagina
[ ] Niets houdt de focus vast (je kunt altijd verder tabben)
[ ] Vastgezette koppen bedekken het gefocuste onderdeel niet

2. Tekst, contrast, veldlabels en foutmeldingen

[ ] Gewone tekst is leesbaar bij normale zoom (ongeveer 16px of groter)
[ ] Zoom naar 200%: niets overlapt of valt weg; je hoeft niet zijwaarts te scrollen
[ ] Tekstcontrast is minstens 4.5:1 (3:1 voor grote tekst) - controleer met een tool
[ ] Links verschillen ook op een andere manier dan alleen met kleur van gewone tekst
[ ] Elk formulierveld heeft een zichtbaar label (tekst in een invulveld is geen label)
[ ] Verplichte velden worden met tekst gemarkeerd, niet alleen met kleur
[ ] Foutmeldingen geven aan wat er misging en hoe je het oplost, naast het veld
[ ] Knoppen zeggen wat ze doen ("Aanvraag versturen", niet alleen "Verzenden" of een pictogram)
[ ] De paginataal is ingesteld en koppen volgen de volgorde H1, H2, H3

Controleer kleurencombinaties met de contrastchecker. De contrastwaarden komen uit het WCAG-criterium contrast (minimum).

3. Doel van afbeeldingen en tekstalternatieven

De beslisboom voor alt-tekst van W3C behandelt uitzonderingen.

4. Automatische controles en handmatige tests

Automatische controles vindenAlleen een persoon kan beoordelen
Ontbrekende alt-attributenOf de alt-tekst echt nuttig is
Laag contrast op effen achtergrondenContrast van tekst over foto’s en video
Formuliervelden zonder labelOf labels en foutmeldingen begrijpelijk zijn
Ontbrekende paginataal, lege linksVolgorde en zichtbaarheid van toetsenbordfocus, focusvallen
Overgeslagen kopniveausOf koppen de inhoud goed beschrijven

Voer eerst een automatische controle uit (de websitebeoordeling bevat eenvoudige toegankelijkheidscontroles; W3C houdt een lijst met evaluatietools bij). Loop daarna de bovenstaande handmatige controles na. Zijn er onder je klanten veel mensen met een beperking, betaal dan voor tests met mensen met een beperking.

Voorbeeld van een ingevuld logboek (demonstratie met labels)

Een fictief bedrijf, "Harbour Line Plumbing". Geen echt bedrijf; dit laat het formaat zien, geen resultaten.

Datum controle: [datum]   Gecontroleerd door: eigenaar   Pagina’s: Home, Diensten, Contact
Browser/apparaten: toetsenbord van laptop; telefoon met schermlezer aan
#  Pagina   Probleem                                 WCAG-ref.   Opgelost?
1  Home     Belpictogram heeft geen label ("knop")   4.1.2       ja
2  Home     Witte tekst lastig leesbaar over hero-foto 1.4.3     ja, donkerder overlay
3  Contact  Postcodeveld gebruikt alleen placeholder als label 3.3.2 ja
4  Contact  Foutmelding zegt alleen "Ongeldig"       3.3.1       ja, "Voer een telefoonnummer in"
5  Diensten Foto’s in galerij hebben bestandsnamen als alt 1.1.1 ja
6  Alles    Geen zichtbare focus op menulinks        2.4.7       open - gemeld bij bouwer
Niet getest: videotitels (geen video op site)
LEEG
Datum / gecontroleerd door / pagina’s / browsers en apparaten:
#  Pagina  Probleem  WCAG-ref.  Opgelost? (ja / open + toelichting)
Niet getest:

5. Bevindingen vastleggen zonder juridische naleving te claimen

Met klikbewerking in de We.Inc-builder labels en tekst op de pagina aanpassen
Labels en tekst ter plekke aanpassen met de We.Inc-builder.

Volgende stap

Begin met een bedrijfssjabloon in de We.Inc-websitebouwer, loop daarna deze checklist en de websitebeoordeling na voordat je publiceert. Met Free krijg je maximaal 3 sjabloonsites op een we.inc-adres (geen AI-tegoed, geen eigen domein); Starter voor $20/month voegt AI-bouwfuncties en eigen domeinen toe (prijzen). Wil je reparaties of een nieuwe site begroten? Gebruik dan de websitekostenberekenaar.

Begin met het bouwen van je bedrijfswebsite

Veelgestelde vragen

Welke standaard moet een checklist voor webtoegankelijkheid volgen?

WCAG 2.2 op niveau AA is de standaard waarnaar de meeste wetten en beleidsregels verwijzen. Deze checklist behandelt de meest voorkomende problemen bij kleine bedrijven, niet elk criterium.

Kan een automatische checker mijn site toegankelijk maken?

Nee. Automatische tools vinden ontbrekende attributen en sommige contrastproblemen, maar een persoon moet toetsenbordgebruik, focus en begrijpelijkheid van labels en alt-tekst controleren.

Betekent het halen van deze checklist dat mijn website ADA-conform is?

Geen checklist kan juridische naleving garanderen. Houd een gedateerd logboek bij, publiceer een eerlijk toegankelijkheidsstatement en vraag een jurist naar je verplichtingen.

Gratis beginnen · Geen creditcard nodig

Product

Who It's For

Features

Resources

Company

View Sitemap