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:
headingelement zonder inhoud
<h2></h2>
headingelement met alleen witruimte
<h2> </h2>
headingelement met alleen een decoratieve afbeelding zonder alt-tekst
<h2><img src="scheiding.png" alt=""></h2>
headingelement met beschrijvende tekst
<h2>Onze diensten</h2>
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:
Regelinformatie
Standaard
Impact voor gebruikers
Kleine impact Kleine hinder voor sommige gebruikers. Los dit op wanneer er tijd voor is. Kritiek : blokkeert toegang volledig Ernstig : belemmert gebruik aanzienlijk Matig : veroorzaakt moeilijkheden Klein : minimale hinderComplexiteit van de oplossing
Enige technische expertise is benodigd Om dit probleem op te lossen is enige technische expertise benodigd. Afhankelijk van het gebruikte Content Management Systeem (CMS) kan dit probleem opgelost worden. In enkele gevallen heeft u technische expertise van een software ontwikkelaar nodig.Treft
Gratis Website Accessibility Audit