Toegankelijke koppen op een webpagina of in een app of document

Zorg voor een duidelijke structuur van de tekst op een pagina of scherm. Bijvoorbeeld door gebruik te maken van koppen. Zo begrijpen bezoekers de inhoud en opbouw en het maakt het navigeren makkelijker.

Officiƫle informatie

Voor wie is het nodig

Schermlezers kunnen een overzicht van alle koppen op een pagina laten zien. Dit helpt mensen om snel de informatie te vinden die ze zoeken. Ze kunnen ook makkelijk van de ene kop naar de andere gaan.

Een duidelijke koppenstructuur is heel belangrijk. De koppen moeten goed beschrijven waar de tekst onder de kop over gaat. Dit is vooral handig voor mensen die blind of slechtziend zijn, dyslectisch zijn of een cognitieve beperking hebben.

Opmaak van koppen

Een kop vertelt waar de tekst eronder over gaat. Als je een kop gebruikt, zorg dan dat je die ook als kop markeert. Gebruik daarvoor de speciale functies van het systeem waar je de tekst in maakt.

Tekst dikgedrukt maken en een andere kleur geven is niet genoeg. Een schermlezer herkent deze tekst bijvoorbeeld niet als een kop. Hierdoor verschijnt de tekst ook niet in het overzicht met koppen.

Niveaus van de koppen

Koppen kunnen op websites en in documenten verschillende niveaus hebben. Door de verschillende niveaus, zorg je voor een goede volgorde en deel je de tekst overzichtelijk in. Die indeling is belangrijk voor mensen die bijvoorbeeld een schermlezer gebruiken.

Gebruik de niveaus in de juiste volgorde. Bijvoorbeeld eerst niveau 1, dan niveau 2, enzovoort. Sla geen niveaus over, bijvoorbeeld van niveau 1 meteen naar niveau 3.

Kopniveaus in documenten

Markeer de titel van je document niet als kop, maar gebruik de verschillende stijlen om aan te geven dat het de titel is. Gebruik in Word bijvoorbeeld de stijl ‘Titel’ of ‘Paragraaf’ voor de titel.

Gebruik “Kop 1” pas voor de eerste kop na de titel. Die kop staat dan op het hoogste niveau in je document.

Kopniveaus in apps

In apps kun je geen verschillende kopniveaus gebruiken.

Handige hulpmiddelen

  • HeadingsMap is een tool die je aan je browser kunt toevoegen. In een zijbalk zie je het overzicht met alle koppen op de pagina. Zo zie je snel welke tekst is opgemaakt als kop en welke niet. En je ziet of de structuur van de koppen klopt. Vergelijk dit met de teksten die eruitzien als koppen op de website en zorg dat dit hetzelfde is.
  • Accessiblity Insights is een tool die je aan Chrome of Microsoft Edge kan toevoegen. De koppen op de pagina worden omlijnd en het kopniveau staat bij elke kop. Zo kun je makkelijk zien of alle koppen wel als kop zijn opgemaakt. Je ziet ook of de koppen op een verkeerd niveau zijn toegevoegd.
  • Leer toegankelijk werken in Word.
  • PDF Accessibility Checker 2024 (PAC 2024)

Meer informatie

Meer informatie voor apps

Deze tekst is een vereenvoudigde versie van de eisen uit WCAG. Hieraan kunnen geen rechten worden ontleend. Voor de volledige eisen, raadpleeg de officiƫle norm Opent in nieuw tabblad.
Heb je gevonden wat je zocht?

Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)



Waar was je naar op zoek?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)