Título con texto alternativo vacío
Silktide encuentra imágenes que están marcadas como decorativas con texto alternativo vacío pero que además tienen un title. Estos dos atributos se contradicen, y las tecnologías de apoyo gestionan el conflicto de forma impredecible.
<!-- Problema: alt dice "sáltame", title dice "léeme" -->
<img src="logo.png" alt="" title="Logotipo de la empresa">
<!-- Corregido: realmente decorativa -->
<img src="logo.png" alt="">
<!-- Corregido: realmente significativa -->
<img src="logo.png" alt="Logotipo de la empresa">
Por qué es importante
Un alt="" vacío declara una imagen como ,
indicando a un que la omita. Sin embargo, algunos lectores de pantalla
sí anuncian el atributo title, así que la misma imagen permanece en silencio para unas personas y habla para otras.
Sea cual sea la intención del autor, el resultado es incorrecto para alguien.
El atributo title es, en general, poco fiable: suele mostrarse solo como un tooltip al pasar el ratón,
por lo que las personas que usan teclado o pantalla táctil tampoco lo ven.
Cómo solucionarlo
- Si la imagen es decorativa, elimina el atributo
titley mantén elalt=""vacío. - Si la imagen es significativa, mueve la descripción al y elimina el
title. - No uses
titlecomo sustituto del texto alternativo en ningún caso: no se expone de forma fiable a nadie.
Cómo lo comprueba Silktide
- Encuentra todas las imágenes de cada página.
- Selecciona las imágenes cuyo atributo
altestá presente pero vacío. - Informa de cada una de esas imágenes que además tenga un atributo
titleno vacío.