Qué es
El texto alternativo es una breve descripción escrita, incluida en el código de una página junto a una imagen, que un lector de pantalla anuncia en voz alta en lugar de la imagen en sí, ya que un visitante ciego o con baja visión que use uno de estos programas no puede ver la imagen directamente. Mientras que nuestra guía de texto alternativo centrada en SEO analiza cómo este mismo atributo ayuda a los buscadores a descubrir imágenes, este enfoque trata específicamente sobre lo que el texto alternativo significa para una persona real que depende de él para acceder a la misma información que un visitante vidente obtiene con solo mirar la imagen.
Esta distinción importa en la práctica: un texto alternativo escrito únicamente para posicionar en la búsqueda de imágenes puede acabar lleno de palabras clave en lugar de describir de verdad lo que muestra la imagen, lo que sirve mal a un usuario de lector de pantalla aunque técnicamente cumpla la letra del requisito.
En qué afecta
Para un usuario de lector de pantalla, una imagen sin texto alternativo se omite por completo (como si no existiera) o se anuncia con un nombre de archivo poco útil como "IMG_4821.jpg" — de cualquier forma, se pierde toda la información que esa imagen pretendía transmitir a un visitante vidente. Esto se convierte en una barrera seria cuando la imagen contiene contenido con significado real: un gráfico con datos, un diagrama que explica un proceso, una foto de producto que muestra una característica no descrita en ningún otro lugar del texto que la rodea.
Este es también un requisito legal de accesibilidad en muchos contextos, bajo estándares como WCAG (las Pautas de Accesibilidad para el Contenido Web) que muchas empresas están obligadas a cumplir — pero tratarlo puramente como una casilla de cumplimiento pasa por alto que en realidad resuelve un problema de acceso genuino y cotidiano para visitantes reales.
Cómo solucionarlo
- Para cada imagen que transmita información real, escribe un texto alternativo que describa lo que realmente muestra, como si se lo estuvieras describiendo por teléfono a alguien que no puede verla.
- Mantén las descripciones concisas y específicas — una frase o una expresión corta suele bastar; evita repetir información que ya se da en el texto que la rodea.
- Para imágenes puramente decorativas que no aportan ninguna información (texturas de fondo, separadores), usa un
alt=""vacío para que un lector de pantalla las omita por completo en lugar de anunciar algo sin sentido. - Para una imagen que en sí misma es un enlace (como un logotipo que enlaza a la página de inicio), escribe un texto alternativo que describa a dónde lleva el enlace, no solo el aspecto de la imagen.
- Prueba con un lector de pantalla gratuito (NVDA, VoiceOver) para escuchar cómo se anuncian realmente tus imágenes, en lugar de suponer que el texto que escribiste se lee bien en voz alta.