#3 – De koppenstructuur klopt niet
Matig
Op deze pagina volgt een kop van niveau 2 direct op een andere kop van niveau 2: “Bouw mee aan jouw talent” en “Zijn dit jouw nieuwe collega’s?”. Koppen horen een logische volgorde te hebben. Een kop wordt niet direct gevolgd door een kop van hetzelfde of een hoger niveau zonder dat er inhoud tussen staat.
User story
Ik lees de website met een schermlezer. Als ik door de koppen navigeer, staan er twee koppen van hetzelfde niveau direct achter elkaar. Ik denk dan dat er inhoud ontbreekt. Ik verwacht dat elke kop een eigen stuk inhoud inleidt.
Hoe te testen
- Open de WCAG Radar en bekijk het niveau van elke kop.
- Controleer of koppen van hetzelfde niveau direct achter elkaar staan zonder inhoud ertussen.
- Controleer met een schermlezer of de koppen logisch worden aangekondigd.
Oplossing
Haal het kopelement weg bij de tekst “Bouw mee aan jouw talent” als die tekst geen eigen inhoud inleidt. Geef de tekst met CSS het uiterlijk van een kop, als dat visueel nodig is.