Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Por qué cada imagen en el sitio web necesita un texto alternativo?
Cada imagen necesita un texto alternativo porque los ciegos y los motores de búsqueda solo pueden captar el contenido de la imagen a través de este texto. Un programa de lectura lee el texto alternativo en voz alta, Google muestra imágenes con buen texto alternativo en la búsqueda de imágenes. Si falta el texto, un visitante ciego solo escucha el nombre de archivo (por ejemplo, "DSC_0042.jpg") y no entiende nada.
Texto alternativo: la descripción de palabras de una imagen
El texto alternativo es una oración corta que se adjunta a la imagen en el código fuente de la página. Los visitantes con visión normal nunca la ven. Un visitante ciego se deja leer la página por un programa de lectura, y en el lugar de la imagen, el programa lee exactamente este texto. Un ejemplo: su página de equipo muestra una foto de la directora general. Con el texto alternativo "Retrato de María Huber, directora general" el visitante sabe a quién está viendo. Sin texto, solo queda un espacio. Google también lee este texto y así entiende qué hay en la imagen, lo que ayuda a su visibilidad en la búsqueda de imágenes.
Así es como nuestro núcleo de medición verifica los textos alternativos
La comprobación automática abre su página en un navegador real e inspecciona cada imagen individual con la herramienta axe-core. Además, nuestro propio paso de comprobación cuenta todas las imágenes que carecen completamente del atributo alt: cada una de ellas es una violación probada que el informe documenta con el nombre de archivo. Un texto alternativo intencionadamente vacío es correcto: así es como se marcan imágenes puramente decorativas que el programa de lectura debe omitir. Si existe un texto, una máquina no puede decidir si encaja contenidamente, por lo que la automatización nunca confirma prematuramente un "aprobado". En el estándar Gold, una persona ve las imágenes y sus textos y emite el juicio.
Escribir buenos textos alternativos
Un buen texto alternativo describe lo que se ve en la imagen y para qué sirve en esta página, en una frase, sin la frase hecha "Imagen de". Para una foto de producto: "Silla de oficina negra con reposabrazos, vista lateral". Para un logotipo vinculado, cuenta el destino del enlace: "A la página de inicio". Las imágenes puramente decorativas (líneas divisorias, patrones de fondo) obtienen un texto alternativo vacío para que el programa de lectura las omita silenciosamente. Los nombres de archivo, listas de palabras clave o textos publicitarios nunca van en el texto alternativo: el visitante escucha cada letra y pierde tiempo.
Beispiele
Foto mit Information
<img src="team-2026.jpg">
<img src="team-2026.jpg" alt="Bild">
<img src="team-2026.jpg" alt="DSC_0042.jpg"><img src="team-2026.jpg"
alt="Das Team von Beispiel GmbH vor dem Büro in Graz, sechs Personen">Der Alternativtext sagt, was das Bild zeigt, in einem Satz. Dateiname und das Wort „Bild“ sagen nichts.
Schmuckbild und verlinktes Bild
<img src="trenner.svg" alt="Trennlinie">
<a href="/"><img src="logo.svg"></a><img src="trenner.svg" alt="">
<a href="/"><img src="logo.svg" alt="Beispiel GmbH – zur Startseite"></a>Schmuck bekommt ein leeres alt, damit Vorleseprogramme es überspringen. Ein verlinktes Bild nennt das Ziel.
- Verifique sus páginas más importantes: ¿tiene cada imagen un texto alternativo que describe el contenido en una frase?
- Pida a su agencia que enumere las imágenes sin atributo alt y que las actualice.
- Marque las imágenes decorativas con un texto alternativo vacío para que los programas de lectura las omitan.
- Establezca en su sala de redacción: ninguna imagen se publica sin texto alternativo.
- Lea sus textos alternativos en voz alta - si entiende la página sin las imágenes, los textos son buenos.