Toegankelijkheidsgidsen
Praktische oplossingen voor de problemen die automatische controles het vaakst vinden. Geschreven voor webbouwers en webredacteurs, in het Nederlands, Engels, Frans en Duits.
Toegankelijkheidsverklaring opstellen: stappenplan en voorbeeld
Maak een duidelijke toegankelijkheidsverklaring met de juiste onderdelen, een praktisch HTML-voorbeeld en echte bevindingen uit je website.
Lees de gids- Voor wie is een toegankelijkheidsverklaring bedoeld?
- Zo stel je de verklaring stap voor stap op
- Beknopt HTML-voorbeeld
- Wat een automatische scan niet kan bepalen
- Veelgestelde vragen
Bouwen met AI-tools
Instructies om te plakken in Lovable, Bolt, v0, Replit en codeerassistenten, zodat de site die ze bouwen meteen voor iedereen werkt.
- AI-bouwers
Toegankelijke sites met AI-bouwers en codeeragents
Vijf gewoontes die de meeste toegankelijkheidsproblemen in AI-gebouwde sites voorkomen, één set instructies voor elke tool en een eenvoudige routine om te controleren en te herstellen.
- Lovable
Toegankelijke sites met Lovable
Wat Lovable genereert, welke toegankelijkheidsproblemen daar vaak bij horen, waar je vaste instructies zet en hoe je het resultaat publiceert en controleert.
- Bolt
Toegankelijke sites met Bolt
Wat Bolt genereert, welke toegankelijkheidsproblemen daar vaak bij horen, waar je vaste instructies zet en hoe je het resultaat publiceert en controleert.
- v0
Toegankelijke sites met v0
Wat v0 van Vercel bouwt, welke toegankelijkheidsproblemen er vaak bij horen, hoe je instructies bewaart die v0 in elke chat volgt en hoe je het resultaat publiceert en controleert.
- Replit
Toegankelijke sites met Replit
Wat Replit Agent bouwt, welke toegankelijkheidsproblemen er vaak bij horen, hoe je replit.md gebruikt voor vaste instructies en hoe je het resultaat publiceert en controleert.
- Codeerassistenten
Toegankelijke code met Cursor, Claude Code en andere codeerassistenten
Waar je toegankelijkheidsregels zet voor Cursor, Claude Code, GitHub Copilot, Windsurf en AGENTS.md, een regelblok voor ontwikkelaars, automatische controles in CI en hoe je de gepubliceerde preview controleert.
Gidsen per onderwerp
Bij elk probleem in je rapport staat een link naar de gids die erbij hoort.
- Meestal kritiek
Beschrijf betekenisvolle afbeeldingen
Geef afbeeldingen een kort tekstalternatief wanneer ze informatie of een actie overbrengen.
- Meestal kritiek
Geef elk formulierveld een label
Plaats een zichtbaar label bij elk veld en koppel het rechtstreeks aan de invoer.
- Meestal kritiek
Geef elke knop een duidelijke naam
Maak de actie van elke knop begrijpelijk in tekst, ook wanneer de knop alleen een pictogram toont.
- Meestal ernstig
Geef elke pagina een nuttige titel
Schrijf een unieke titel voor het browsertabblad die eerst de huidige pagina benoemt.
- Meestal matig
Houd koppen in een logische volgorde
Gebruik koppen om een duidelijke inhoudsstructuur te maken, niet om een visuele grootte te kiezen.
- Meestal ernstig
Maak tekst makkelijk leesbaar
Verbeter tekst- en achtergrondkleuren zodat meer mensen je inhoud comfortabel kunnen lezen.
- Meestal ernstig
Schrijf links die hun bestemming uitleggen
Vervang vage of lege linkteksten door woorden die vertellen waar de link naartoe gaat.
- Meestal ernstig
Stel de taal van elke pagina in
Vertel browsers en hulpsoftware welke taal de pagina gebruikt.