Texto Alternativo · AA

Texto alternativo

Cómo escribir ALT útiles: imágenes funcionales, decorativas, complejas, gráficas, iconos y fotos reales. Cuándo un alt va vacío, qué debe incluir y qué nunca debe describirse.

Qué es un buen ALT

Un ALT describe la función, no la estética. Debe ser breve, claro y relevante para el propósito de la imagen en la página.

El texto alternativo permite que lectores de pantalla entiendan la función o información de una imagen. No es una descripción artística: transmite lo que importa.

Cómo debe ser:

  • Breve (normalmente 5–12 palabras).
  • Describe la función, no el estilo.
  • No repite lo que ya dice el texto alrededor.
  • No incluye “imagen de…”.

Tipos de imágenes y cómo escribir el ALT

Ejemplos directos listos para copiar: iconos, fotos, gráficos, UI, ilustraciones decorativas y diagramas complejos.

Iconos funcionales

El ALT debe describir la acción que ejecuta.

Ejemplos:

  • “Abrir menú”
  • “Buscar”
  • “Ir al carrito”

Imágenes decorativas

Si no aportan información, el ALT va vacío: alt="".

Decorativa es toda imagen que:

  • No añade contenido.
  • No afecta a la comprensión.
  • Es puramente estética.

Fotografías

Describe lo relevante para el propósito de la página, no cada detalle visual.

Ejemplo: Página de equipo → “Ingrid Pacheco, pastelera y fundadora de Momentum”.

Gráficos y datos

Explica la conclusión principal. Si la información es extensa, usa un texto largo asociado.

Ejemplo: “Aumentan un 23% las ventas respecto al trimestre anterior”.

Diagramas complejos

ALT breve + descripción larga aparte.

Ejemplo ALT: “Diagrama de flujo del proceso de onboarding”.

Descripción larga: Lista cada etapa detallada fuera del ALT.

Interfaces y capturas

Describe qué se puede hacer, no cómo se ve.

Ejemplo: “Pantalla con formulario para crear una cuenta”.

Patrones listos para copiar

Usa estos modelos como base.

ALT funcional

alt="Enviar formulario"

ALT informativo

alt="Gráfico que muestra un aumento del 23% en ventas"

ALT para foto de persona

alt="Andrea Lu, diseñadora UX"

Decorativa

alt="" (sin rol ni descripción)