Zorg dat koppen zijn opgemaakt met een kop-element
Koppen zijn vaak te herkennen aan een afwijkende opmaak, zoals een grotere lettergrootte, vetgedrukte tekst, of een andere kleur tekst. Deze betekenis moet ook in de code worden toegevoegd, zodat het ook door software te begrijpen is. Zorg daarom dat alle tekst die er uit ziet als een kop en ook de functie heeft van een kop wordt opgemaakt met een kop-element.
Zorg voor een passend kopniveau. Alle koppen samen moeten een goed beeld geven van de inhoud van de webpagina.
Bezoekers die gebruik maken van een schermlezer kunnen een lijst van alle koppen gebruiken om over de pagina te navigeren. Zij kunnen eventueel ook gelijk springen naar de volgende kop.
Zorg dat koppen worden opgemaakt met een HTML kop-element (<h1> t/m <h6>).
Teksten die géén kop zijn, mogen niet worden opgemaakt met een HTML kop-element.
Zorg ook dat de volgorde van de koppen en tussenkoppen logisch is. Een paar vuistregels zijn:
- De eerste kop op de pagina hoort een kop van het eerste niveau te zijn.
- Na een kop van het eerste niveau hoort een kop van het tweede niveau te volgen.
- Na een kop van het tweede niveau hoort opnieuw een kop van het tweede niveau volgen óf een kop van het derde niveau.
- Kopniveaus horen niet te worden overgeslagen.
In een CMS kan een tekst worden geselecteerd en worden aangegeven dat het een koptekst is. Je kunt hierbij ook het niveau van de kop aangeven. Dit maakt de tekst automatisch op met het juiste HTML-element.