Geen lege headingelementen

Laatste wijziging:

Hoe herstel je een leeg headingelement?

Voeg beschrijvende tekst toe aan het headingelement, of verwijder het als het geen structureel doel dient:

FOUT:

headingelement zonder inhoud

<h2></h2>
FOUT:

headingelement met alleen witruimte

<h2>   </h2>
FOUT:

headingelement met alleen een decoratieve afbeelding zonder alt-tekst

<h2><img src="scheiding.png" alt=""></h2>
GOED:

headingelement met beschrijvende tekst

<h2>Onze diensten</h2>
GOED:

headingelement met een afbeelding met alt-tekst

<h2><img src="logo.png" alt="Bedrijfsnaam"></h2>

Als je een visuele scheiding of decoratie nodig hebt, gebruik dan een <div> of <hr> in plaats van een headingelement.

Waarom is dit belangrijk?

Gebruikers van schermlezers navigeren een pagina vaak door te springen tussen headingelementen. Een leeg headingelement verschijnt in de koppenlijst maar geeft geen informatie over de sectie die volgt. Dit verstoort de navigatie en maakt de pagina moeilijker te begrijpen.

Meer info:

WCAG 2.4.6 Headings and Labels.

Regelinformatie

Standaard

Aanbevolen praktijk

Impact voor gebruikers

Complexiteit van de oplossing

Treft

Heeft dit artikel u geholpen?

De diensten van ExcellentWebCheck

Het doel van ExcellentWebCheck is om de online gebruikerservaring van alle bezoekers van websites te verbeteren. De tools van ExcellentWebCheck helpen bij het detecteren en verbeteren van usability-problemen op uw website.