EA-R8
No hay nombre accesible para la imagen vinculada
Esta regla es un error y pone a prueba las siguientes pautas de accesibilidad:
Explicación
Falta el nombre accesible en la imagen enlazada. Dado que el propio enlace no contiene texto, la imagen debe tener un texto alternativo. Un atributo title no es suficiente para todos los lectores de pantalla.
Consejo
Añada un texto alternativo significativo para el enlace o la imagen enlazada.
Ejemplos
Cumple
Das im Link <a> enthaltene Bild <img> hat einen Alternativtext hinterlegt.
<a href="/es/">
<img decoding="async" src="/media/logo.PNG" alt="Logo der Startseite">
</a>
No se ha cumplido
Das im Link <a> enthaltene Bild <img> hat keinen einen Alternativtext hinterlegt. Der Link hat hierdurch keinen zugänglichen Namen.
<a href="/es/">
<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="/es/" title="Link zur Startseite">
<img decoding="async" src="/media/logo.PNG" alt="">
</a>
No aplicable
Das Bild <img> ist nicht Teil eines Links <a>.
<img decoding="async" src="/media/logo.PNG" alt="Logo der Startseite">
