Saltar al contenido
SilktideAyuda

Imágenes decorativas

Silktide encuentra imágenes marcadas como decorativas con texto alternativo vacío, para que puedas confirmar que es realmente seguro que la las omita. Una imagen marcada como decorativa es invisible para las personas que usan .

<!-- Esta imagen es omitida por la tecnología de apoyo.
     ¿Es correcto, o aporta información? -->
<img src="chart.png" alt="">

Por qué es importante

Un alt="" vacío le indica a un que ignore por completo la imagen. Eso es exactamente lo correcto para una : la que solo cumple una función estética, no aporta información ni tiene función. Pero el mismo atributo vacío en un gráfico, en una foto que tiene significado o en una imagen usada como botón elimina silenciosamente ese contenido para cualquiera que no pueda verlo, y a una persona vidente no le parecerá que haya nada incorrecto.

El texto alternativo vacío también suele ser el valor predeterminado en plantillas y sistemas de gestión de contenidos, por lo que imágenes con significado acaban marcadas como decorativas por accidente y no por elección.

Cómo solucionarlo

Esta comprobación te pide revisar cada imagen en lugar de informar de problemas confirmados. Para cada una:

  1. Si la imagen es realmente decorativa, no hace falta ningún cambio: el hallazgo.
  2. Si la imagen aporta información o actúa como control, sustituye el atributo vacío por un descriptivo en tu o en el código.
  3. Una imagen cuyo significado se repite por completo en el texto adyacente (por ejemplo, un icono junto a la misma palabra) es correctamente decorativa y debe mantener su alt="" vacío.

Cómo lo comprueba Silktide

  1. Encuentra todas las imágenes de cada página con un atributo alt="" explícitamente vacío.
  2. Omite las imágenes que, en cualquier caso, la tecnología de apoyo no anunciaría: imágenes sin fuente, imágenes de 1 píxel o más pequeñas e imágenes ocultas para los lectores de pantalla.
  3. Omite las imágenes con un atributo explícito role="presentation". A diferencia de un alt vacío, que a menudo es el valor predeterminado de una plantilla, un rol de presentación casi siempre es una elección deliberada.
  4. Omite las imágenes de servicios de terceros conocidos, como las teselas de mapas incrustadas.
  5. Enumera cada imagen restante, con su texto circundante como contexto, para que confirmes que es genuinamente decorativa.

Las imágenes sin ningún atributo alt se informan en Falta de texto alternativo.

Resolución de problemas

¿Por qué revisar imágenes que pueden estar bien?

Que una imagen sea decorativa depende de lo que muestra y del papel que desempeña en la página: cosas que ninguna prueba automatizada puede juzgar. Silktide te presenta la decisión; la tomas una vez y las imágenes aprobadas siguen aprobadas.

Más información

Última actualización

¿Le ha resultado útil esta página?