Overskriftstekst
Silktide tjekker, at alle overskrifter på dine sider indeholder læsbar tekst. En tom overskrift angiver et afsnit, der ikke findes, og skjuler ofte indhold, der var tænkt som en titel.
I angiver overskrifter (<h1> til <h6>)
strukturen på en side. Tomme overskrifter opstår typisk, når en -skabelon
gengiver en overskrift, hvis indhold aldrig blev udfyldt, eller når en overskrift
kun indeholder et billede uden .
<!-- Problem: en overskrift uden indhold -->
<h2> </h2>
<!-- Problem: billedet har ingen alternativ tekst, så overskriften er tavs -->
<h2><img src="press.png" alt=""></h2>
Derfor er det vigtigt
Personer, der bruger , skimmer ofte en side ved at springe fra overskrift til overskrift. En tom overskrift annonceres som "overskrift niveau 2" uden noget efterfølgende – et tomt punkt i sidens disposition, der bryder navigationsrytmen og får lytteren til at spekulere på, hvad de gik glip af. Når overskriften indeholder et billede uden mærkning, ser seende besøgende en titel, som brugere af aldrig modtager.
Sådan løser du det
- Hvis overskriften skal have tekst, skal du tilføje den i dit CMS eller i koden.
- Hvis overskriften indeholder et billede, der fungerer som titlen, skal du give billedet alternativ tekst:
<!-- Løst: billedets alt-tekst bliver overskriftsteksten -->
<h2><img src="press.png" alt="Pressemeddelelser"></h2>
- Hvis overskriften ikke tjener noget formål – for eksempel en tom plads i en skabelon eller en overskrift, der kun bruges til afstand – skal du fjerne elementet helt. Brug CSS til afstand, ikke tomme tags.
Sådan tester Silktide dette
- Find alle overskriftselementer (
<h1>til<h6>) på hver side. - Indsaml teksten fra hver overskrift, herunder den alternative tekst fra eventuelle billeder i den.
- Rapportér hver overskrift, hvis indhold ikke indeholder bogstaver eller tal – således tæller overskrifter, der kun indeholder mellemrum eller tegnsætning, som tomme.