Zoekformulier
<img>-element verbergen voor schermlezers
Een tekstalternatief voor een <img>
-element wordt gegeven met het alt
-attribuut. Bij een decoratieve afbeelding moet het alt
-attribuut een lege waarde hebben (alt=""
). Hierdoor kunnen schermlezers de afbeelding negeren.
In de code ziet dat er zo uit:
Voeg altijd het alt
-attribuut toe aan een <img>
-element.
Andere manieren om een <img>
-element te verbergen voor schermlezers zijn:
- het
aria-hidden
-attribuut met de waarde“true”
- de afbeelding met CSS plaatsen als achtergrondafbeelding
Zie ook
- WCAG: 1.1.1 Niet-tekstuele content
- Categorie: Afbeeldingen
- Medium: Website
- Functiegroep: Ontwikkelaar of tester
- Functiebeperking: Visuele beperking