Titel bij lege alt-tekst
Silktide vindt afbeeldingen die als decoratief zijn gemarkeerd met lege alternatieve tekst, maar ook een titel hebben. De twee attributen spreken elkaar tegen en hulptechnologie verwerkt het conflict onvoorspelbaar.
<!-- Probleem: alt zegt "sla mij over", title zegt "lees mij" -->
<img src="logo.png" alt="" title="Bedrijfslogo">
<!-- Opgelost: echt decoratief -->
<img src="logo.png" alt="">
<!-- Opgelost: echt betekenisvol -->
<img src="logo.png" alt="Bedrijfslogo">
Waarom dit belangrijk is
Een lege alt="" verklaart een afbeelding als
en vertelt een deze over te slaan. Een title-
attribuut wordt echter door sommige schermlezers nog steeds voorgelezen, waardoor
dezelfde afbeelding voor sommige gebruikers stil is en voor anderen spreekt. Wat
de auteur ook bedoelde, het resultaat is voor iemand verkeerd.
Het title-attribuut is over het algemeen onbetrouwbaar: het verschijnt meestal alleen
als een tooltip wanneer je met de muis over iets beweegt, waardoor toetsenbord- en
touchscreengebruikers het ook nooit zien.
Hoe je dit oplost
- Als de afbeelding decoratief is, verwijder je het
title-attribuut en behoud je de legealt="". - Als de afbeelding betekenisvol is, verplaats je de beschrijving naar de
en verwijder je de
title. - Gebruik
titlenergens als vervanging voor alt-tekst: deze wordt niet betrouwbaar aan iemand beschikbaar gesteld.
Hoe Silktide dit controleert
- Vind elke afbeelding op elke pagina.
- Selecteer afbeeldingen waarvan het
alt-attribuut aanwezig maar leeg is. - Rapporteer elke afbeelding die ook een niet-leeg
title-attribuut heeft.