EA-R8
Linkitetyn kuvan nimeä ei voi käyttää
Tämä sääntö on virhe ja testaa seuraavia saavutettavuusohjeita:
Selitys
Linkitetystä kuvasta puuttuu käytettävissä oleva nimi. Koska itse linkki ei sisällä tekstiä, kuvassa on oltava vaihtoehtoinen teksti. Otsikkoattribuutti ei riitä kaikille ruudunlukuohjelmille.
Vihje
Lisää linkille tai linkitetylle kuvalle mielekäs vaihtoehtoinen teksti.
Esimerkkejä
Täyttää
Das im Link <a> enthaltene Bild <img> hat einen Alternativtext hinterlegt.
<a href="/fi/">
<img decoding="async" src="/media/logo.PNG" alt="Logo der Startseite">
</a>
Ei täyty
Das im Link <a> enthaltene Bild <img> hat keinen einen Alternativtext hinterlegt. Der Link hat hierdurch keinen zugänglichen Namen.
<a href="/fi/">
<img decoding="async" src="/media/logo.PNG" alt="">
</a>
Das im Link <a> enthaltene Bild <img> hat keinen einen Alternativtext hinterlegt. Das Titel Attribut des Links wird nicht von allen Screenreadern zuverlässig erkannt und ist nicht ausreichend.
<a href="/fi/" title="Link zur Startseite">
<img decoding="async" src="/media/logo.PNG" alt="">
</a>
Ei sovelleta
Das Bild <img> ist nicht Teil eines Links <a>.
<img decoding="async" src="/media/logo.PNG" alt="Logo der Startseite">
