Tekst van kop
Silktide controleert of elke kop op je pagina's leesbare tekst bevat. Een lege kop kondigt een sectie aan die er niet is en verbergt vaak inhoud die als titel bedoeld was.
In geven koppen (<h1> tot en met <h6>) de structuur
van een pagina weer. Lege koppen ontstaan meestal wanneer een -sjabloon
een kop weergeeft waarvan de inhoud nooit is ingevuld, of wanneer een kop
alleen een afbeelding zonder bevat.
<!-- Probleem: een kop zonder inhoud -->
<h2> </h2>
<!-- Probleem: de afbeelding heeft geen alternatieve tekst, dus de kop is stil -->
<h2><img src="press.png" alt=""></h2>
Waarom dit belangrijk is
Mensen die gebruiken, scannen een pagina vaak door van kop naar kop te springen. Een lege kop wordt aangekondigd als "kopniveau 2", zonder dat er iets op volgt: een dode vermelding in de paginastructuur die het navigatieritme verstoort en de luisteraar laat afvragen wat die heeft gemist. Wanneer de kop een afbeelding zonder label bevat, zien ziende bezoekers een titel die gebruikers van nooit ontvangen.
Zo los je het op
- Als de kop tekst moet bevatten, voeg die dan toe in je CMS of code.
- Als de kop een afbeelding bevat die als titel fungeert, geef de afbeelding d alternatieve tekst:
<!-- Opgelost: de alt-tekst van de afbeelding wordt de tekst van de kop -->
<h2><img src="press.png" alt="Persberichten"></h2>
- Als de kop geen doel dient, bijvoorbeeld een lege plek in een sjabloon of een kop die alleen voor witruimte wordt gebruikt, verwijder het element dan volledig. Gebruik CSS voor witruimte, geen lege tags.
Zo test Silktide dit
- Zoek elk kop-element (
<h1>tot en met<h6>) op elke pagina. - Verzamel de tekst van elke kop, inclusief de alternatieve tekst van afbeeldingen die erin staan.
- Rapporteer elke kop waarvan de inhoud geen letters of cijfers bevat — koppen die alleen spaties of leestekens bevatten, tellen dus als leeg.