Inleiding
Koppen
Structuur met echte kopstijlen
Koppen zijn het belangrijkste structurele onderdeel van een document. Gebruikers van schermlezers navigeren via koppen: ze springen van kop naar kop om snel te vinden wat ze nodig hebben. Daarom is het cruciaal om echte koppen te gebruiken — niet alleen grote, vette tekst.
Fout: alleen vet + groot
Bezoekadres Alinea (P)
Keizersgracht 123, Amsterdam
Postadres Alinea (P)
Postbus 456, 1000 AB Amsterdam
Contact Alinea (P)
info@voorbeeld.nl | 020-123 4567
Schermlezer: "Bezoekadres" = gewone tekst, geen kop
Goed: echte kopstijlen
Bezoekadres Kop 2 (H2)
Keizersgracht 123, Amsterdam
Postadres Kop 2 (H2)
Postbus 456, 1000 AB Amsterdam
Contact Kop 2 (H2)
info@voorbeeld.nl | 020-123 4567
Schermlezer: "Kop niveau 2: Bezoekadres"
Waar moet een kop aan voldoen?
- Betekenisvol — Koppen moeten de inhoud eronder goed beschrijven. “Contact” en “Bezoekadres” zijn duidelijk. “Sectie 1” en “Sectie 2” zeggen niets.
- Kort — Schermlezers lezen een lijst van koppen snel op. Houd ze bondig.
- Overzichtelijk — Als je alleen de koppen leest, moet je al een goed idee hebben waar het document over gaat.
- Geen niveaus overslaan — Begin altijd met kopniveau 1 (H1) en sla geen niveaus over. Ga niet van H1 direct naar H3.
Koppen maken in Word
- Ga naar het tabblad Start en zoek de sectie Stijlen.
- Kies het gewenste kopniveau: Kop 1, Kop 2, enzovoort.
- Je kunt bestaande tekst selecteren en daarna de kopstijl toepassen.
- Houd Ctrl ingedrukt om meerdere tekstdelen tegelijk te selecteren.
Kopstijl aanpassen
Vind je het uiterlijk van een kop niet mooi? Dat is geen reden om geen echte koppen te gebruiken. Je kunt de weergave aanpassen:
- Klik met de rechtermuisknop op de kopstijl in de sectie Stijlen.
- Kies Wijzigen.
- Pas lettertype, grootte, kleur en andere opties aan.
- Klik op OK — alle koppen van dat niveau worden automatisch bijgewerkt.
Belangrijk: gebruik geen aangepaste stijl om een kop te maken, ook niet als je bij de optie “stijl gebaseerd op kop” kiest. Schermlezers herkennen aangepaste stijlen niet als koppen.
Inhoudsopgave
Een voordeel van echte koppen is dat je er automatisch een inhoudsopgave mee kunt maken. Ga naar het tabblad Verwijzingen en selecteer een stijl. Gebruikers kunnen nu direct naar specifieke secties springen.
Afbeeldingen
Alt-tekst en beschrijvingen
Schermlezers kunnen afbeeldingen niet zien. Daarom is een tekstalternatief (alt-tekst) essentieel. Er zijn drie soorten afbeeldingen, elk met een eigen aanpak:
1. Eenvoudig informatief
Geef een korte, duidelijke alt-tekst die de bedoeling weergeeft. Maximaal 150 tekens. Context is belangrijk: bij een instructieve afbeelding moet je de actie beschrijven, niet alleen wat je ziet.
2. Complex informatief
Grafieken, diagrammen, infographics. Gebruik een korte alt-tekst plus een langere beschrijving als voetnoot, in presentatienotities of direct in de tekst.
3. Decoratief
Geen informatieve waarde — dient alleen ter versiering. Markeer als decoratief, zodat schermlezers de afbeelding overslaan.
Alt-tekst toevoegen in Word
- Klik met de rechtermuisknop op de afbeelding.
- Kies Alt-tekst weergeven.
- Typ een korte, duidelijke beschrijving (max. 150 tekens).
- Of vink Afbeelding markeren als decoratief aan als de afbeelding puur decoratief is.
Belangrijk: Word kan automatisch alt-tekst genereren. Vertrouw hier nooit volledig op — controleer en verbeter de tekst altijd zelf.
Tekstterugloop
Controleer of afbeeldingen zijn ingesteld als Inline met tekst. Klik met de rechtermuisknop, kies Tekstterugloop en dan Inline met tekst. Zwevende objecten kunnen problemen geven bij schermlezers.
Lange beschrijvingen
Voor complexe afbeeldingen zoals grafieken: gebruik een korte alt-tekst en een langere beschrijving direct onder de afbeelding in de tekst. Bijvoorbeeld:
- Alt-tekst: “Bevolkingsgroei VS 1920-2020, zie uitgebreide beschrijving hieronder.”
- Beschrijving in tekst: de volledige data in tekstvorm.
Kleur als betekenis
Nooit alleen kleur
Kleur wordt vaak gebruikt om betekenis te geven — bijvoorbeeld een takenlijst waarbij urgente taken een rood bolletje hebben. Maar een blinde gebruiker of iemand die kleurenblind is, ziet dit verschil niet.
Links: alleen gekleurde bolletjes — wat betekent rood, groen, oranje? Onduidelijk. Rechts: kleur plus tekstlabel — voor iedereen duidelijk.
De regel: informatie die met kleur wordt aangegeven, moet ook in tekst beschikbaar zijn. Bij een gekleurde grafiek kun je de data ook in gewone tekst opnemen. Bij een taartdiagram heeft elk deel een zichtbaar tekstlabel nodig.
Kleurcontrast
Zorg voor leesbaarheid
Goed kleurcontrast is essentieel voor leesbaarheid. Lichtgrijze tekst op een lichte achtergrond is voor iedereen moeilijk leesbaar.
Minimale contrastverhoudingen (WCAG):
- Kleine tekst (kleiner dan 18pt normaal of 14pt vet): minimaal 4,5 : 1 (aanbevolen 7:1)
- Grote tekst (18pt normaal of 14pt vet en groter): minimaal 3 : 1 (aanbevolen 4,5:1)
- Niet-tekst (grafiekbalken, iconen, randen): minimaal 3 : 1
Contrast controleren
Ga niet op gevoel af. Gebruik een tool:
- WebAIM Contrast Checker — Online tool, geen installatie nodig.
- Paciello Color Contrast Checker — Downloadbare tool met pipet om kleuren van het scherm te kiezen.
Lettertype, opmaak en indeling
Leesbaarheid eerst
Lettertype
Gebruik goed leesbare lettertypes zoals Tahoma, Verdana, Garamond of Cambria. Vermijd decoratieve lettertypes. Gebruik minimaal 12pt als lettergrootte.
Opmaak
Gebruik vet, cursief, onderstrepen of markering spaarzaam. Schermlezers lezen deze stijlen meestal niet voor, dus vertrouw er niet alleen op om betekenis over te brengen. Gebruik altijd tekst om belangrijke informatie duidelijk te maken.
Voorbeeld: bij een lijst “openstaande facturen” waarbij gemarkeerde facturen vandaag verzonden moeten worden, voeg je de tekst “verstuur vandaag” toe naast de markering.
Indeling
- Zet tekst links uitgelijnd, niet volledig uitgevuld (uitgevulde tekst geeft onregelmatige witruimtes).
- Houd alinea’s kort.
- Zorg voor voldoende witruimte, bijvoorbeeld dubbele regelafstand.
Symbolen en emoji's
Gebruik met mate
Symbolen kunnen lastig zijn voor schermlezers: ze worden soms verkeerd of niet voorgelezen. Gebruik alleen veelvoorkomende symbolen zoals @, $ en #. Voeg bij andere symbolen een tekstalternatief toe, bijvoorbeeld: (schoppen).
Emoji’s zijn kleine afbeeldingen met ingebouwde alt-tekst en zijn meestal goed toegankelijk. Maar gebruik ze met mate — elke emoji wordt apart voorgelezen door een schermlezer.
Links
Betekenisvol en semantisch
Schermlezers kondigen links aan en kunnen een lijst van alle links in een document openen. Daarom is het belangrijk dat links goed zijn opgemaakt.
Een link maken in Word
- Plak de URL en druk op Enter of Spatie. Word maakt er automatisch een semantische link van (blauw + onderstreept).
- Klik met de rechtermuisknop en kies Hyperlink bewerken.
- Vul in het veld Tekst om weer te geven een betekenisvolle naam in.
Fout vs. goed
- Fout:
https://www.rijksmuseum.nl/nl/bezoek/planuw-bezoek-tickets-en-prijzen— de schermlezer leest de hele URL voor. Lang en verwarrend. - Goed: “Tickets en prijzen Rijksmuseum” — de schermlezer zegt: “link, Tickets en prijzen Rijksmuseum”. Betekenisvol, kort en duidelijk.
Let op: als je een URL plakt en geen Enter of Spatie gebruikt, blijft het gewone tekst. De schermlezer herkent de URL dan niet als link.
Tabellen
Alleen voor gegevens
Gebruik tabellen alleen voor echte gegevens, nooit voor lay-out. Maak ze semantisch met de knop Tabel invoegen — voeg ze niet toe als afbeelding.
Een tabel maken
- Ga naar Invoegen en kies Tabel.
- Gebruik niet de optie “Tabel tekenen” (die maakt een afbeelding).
- In de tabbladen Tabelontwerp en Indeling: zorg dat Koprij en/of Eerste kolom zijn aangevinkt.
Wel doen
- Altijd koprijen en/of kolomkoppen gebruiken
- Houd tabellen eenvoudig: een koprij
- Voeg alt-tekst toe via Tabeleigenschappen
- Geef de tabel een duidelijke titel
- Controleer contrast van tabelkleuren
- Vul lege cellen met “n.v.t.”
Niet doen
- Cellen samenvoegen (geeft problemen)
- Tabellen nesten (tabel in een tabel)
- Cellen leeg laten
- “Tabel tekenen” gebruiken
- Tabel als afbeelding invoegen
- Tabel gebruiken voor lay-out
Kop- en voetteksten
Pas op met cruciale info
Schermlezers lezen kop- en voetteksten niet automatisch. Vermeld daar geen cruciale informatie, of herhaal deze in de hoofdtekst.
Denk aan situaties als:
- Het logo en de contactgegevens van je bedrijf
- Betaalgegevens bij facturen
- Belangrijke disclaimers
Als deze informatie alleen in de kop- of voettekst staat, mist een schermlezergebruiker dit.
Opmerkingen en zwevende objecten
Wat werkt wel en niet
Opmerkingen in Word zijn toegankelijk. Schermlezers kondigen hun aanwezigheid automatisch aan. Voeg een opmerking toe via rechtermuisknop en kies Nieuwe opmerking.
Zwevende objecten zoals tekstvakken en vormen zijn problematisch. Vermijd deze waar mogelijk — ze kunnen problemen veroorzaken voor schermlezers.
De toegankelijkheids-controle
Ingebouwde tool in Word
Word heeft een ingebouwde tool die veel voorkomende problemen opspoort.
Zo gebruik je de tool
- Ga naar Controleren en kies Toegankelijkheid controleren.
- De resultaten verschijnen rechts in beeld.
- Klik op een probleem om het te bekijken en direct te corrigeren.
De tool detecteert:
- Ontbrekende alt-tekst
- Structuurproblemen
- Contrastproblemen
De tool detecteert NIET:
- Kwaliteit van alt-teksten
- Of de juiste koppen zijn gebruikt
- Alle mogelijke problemen
Handmatige controle blijft noodzakelijk!
Exporteren naar PDF
Behoud de structuur
Je kunt een Word-bestand exporteren naar PDF met behoud van de meeste toegankelijkheidskenmerken.
Stappen
- Zorg dat je Word-document volledig toegankelijk is.
- Ga naar Bestand, kies Exporteren en dan PDF/XPS-document maken.
- Klik op Opties en vink aan: Documentstructuurtags voor toegankelijkheid.
- Klik op Publiceren.
Belangrijk: controleer na export altijd de tagboom en de leesvolgorde in de PDF. Bij de automatische conversie kunnen fouten optreden.
Toetsenbordtip
Checklist
Controleer voor je deelt
Gebruik deze checklist om je document te controleren voordat je het deelt:
- Koppen: semantisch opgemaakt via Stijlen
- Afbeeldingen: alt-tekst of als decoratief gemarkeerd
- Afbeeldingen: Inline met tekst (niet zwevend)
- Kleur: nooit de enige betekenisdrager
- Contrast: voldoet aan WCAG (4,5:1 / 3:1)
- Lettertype: leesbaar, minimaal 12pt
- Links: semantisch, met betekenisvolle tekst
- Tabellen: koprijen, geen samengevoegde cellen
- Kop-/voettekst: geen cruciale info uitsluitend hier
- Toegankelijkheidscontrole: uitgevoerd + handmatig gecheckt
- Export: structuurtags aangevinkt, resultaat gecontroleerd
Proper Access — Julia Tol
Heb je vragen? Neem contact op via contact@properaccess.nl
