El texto alternativo es la frase que describe una imagen cuando esta no se puede ver: la lee el lector de pantalla de un cliente con discapacidad visual, aparece si la foto no carga y es lo que Google guarda cuando indexa esa imagen en su buscador de Imágenes. En la web de un despacho suele faltar justo en el logo, en las fotos del equipo y en los iconos de los botones, que es donde más ayuda a quien no ve la pantalla y a quien busca esa misma foto en Google.
El texto alternativo es el atributo alt de una imagen, exigido por el criterio 1.1.1 de la WCAG desde el nivel A: toda imagen informativa necesita una descripción breve en el código, y las puramente decorativas deben llevar un alt vacío para que el lector de pantalla las ignore.
Texto alternativo que exige el criterio WCAG 1.1.1
La norma que fija esta obligación es el criterio 1.1.1, «Contenido no textual», de las Pautas de Accesibilidad WCAG 2.2, y pertenece al nivel A: el más básico de los tres niveles de conformidad y el que cualquier web que diga cumplir la norma tiene que respetar sin excepción. El criterio exige que toda imagen que aporte información lleve una alternativa textual equivalente, salvo los casos que la propia norma excluye: las imágenes puramente decorativas, los controles de formulario, que necesitan un nombre y no una descripción completa, y los CAPTCHA, que además requieren una alternativa en un sentido distinto de la vista.
Para un despacho esto no es solo una recomendación técnica. Si tu web entra en el alcance de la ley de accesibilidad web, el nivel AA que exige la norma incluye este criterio de nivel A como requisito mínimo: sin texto alternativo en las imágenes no hay conformidad posible, por mucho contraste o foco de teclado que tenga el resto de la página.
Atributo alt y SEO de imágenes para Google
Google trata el atributo alt como una pista más para entender de qué trata una imagen, junto al contenido de la página y el reconocimiento visual. Sus propias directrices sobre imágenes piden describir la foto con precisión y en su contexto, sin rellenar el atributo de palabras clave repetidas: un alt como «abogado, abogados Madrid, despacho de abogados» no describe nada y Google lo trata como spam, no como una ficha más completa.
La diferencia entre un alt útil y uno de relleno se nota en la foto de un juicio, una firma de contrato o una reunión con un cliente: «reunión de trabajo» no dice nada que Google no sepa ya por el nombre del archivo, mientras que «abogada explicando un contrato de arrendamiento a un cliente» sitúa la imagen en el tema real del artículo. Cuidar además el formato de imagen y que la foto no penalice el LCP de la página ayuda a que esa imagen bien descrita también llegue a cargarse a tiempo para indexarse.
Cuándo el alt debe quedar vacío en tu web
No todas las imágenes necesitan descripción. Las que solo decoran, una textura de fondo, una línea separadora, un icono repetido junto a un titular que ya dice lo mismo en texto, deben llevar un atributo alt vacío, alt=»», para que el lector de pantalla las salte en silencio. Ponerle alt a lo decorativo no es más accesible, es ruido.
Fotografías decorativas en el diseño de tu despacho
Muchas plantillas de despacho abren cada sección con una fotografía grande que ocupa todo el ancho, una balanza, una estantería de libros, un apretón de manos, sin que aporte ningún dato nuevo al texto que la acompaña. Si esa imagen desapareciera y el apartado se entendiera exactamente igual, es decorativa y le corresponde alt vacío. Describirla de todos modos, «balanza de la justicia dorada sobre fondo oscuro», obliga a un cliente que usa lector de pantalla a escuchar una frase irrelevante antes de llegar al titular que sí le interesa. El criterio no es la calidad de la foto, es si falta información cuando se quita.
Iconos y botones que funcionan como enlace
Distinto es el icono del teléfono en la cabecera o el logo que lleva a portada: ahí la imagen no decora, ejecuta una acción, y el alt debe describir esa acción, no el dibujo. Un icono de teléfono sin texto visible al lado necesita un alt como «llamar al despacho», no «icono de teléfono»: quien usa lector de pantalla no está catalogando iconos, está decidiendo si pulsa. Si el logo enlaza a portada, su alt debe decir el nombre del despacho, no «logo» ni el nombre del archivo que subió quien maquetó la web.
Cómo redactar un alt que describa la foto
Las guías de WebAIM sobre texto alternativo proponen una prueba sencilla antes de escribir nada: si no pudieras usar esa imagen, ¿qué pondrías en su lugar? Si la respuesta es «nada», es decorativa; si es una frase, esa frase es el alt. La misma guía insiste en no empezar nunca con «imagen de» o «foto de»: el lector de pantalla ya anuncia que es una imagen, y repetirlo dos veces alarga la frase sin añadir nada.
- Describe lo que se ve y, si importa, dónde pasa: «firma de un contrato de compraventa en la mesa de reuniones del despacho», no solo «firma de contrato».
- Evita «imagen de», «foto de» y «haz clic aquí»: son ruido que el lector de pantalla ya da por hecho.
- No repitas la palabra clave en cada alt de la página: Google lo trata como relleno, igual que en los H2.
- Si la imagen es un gráfico o una infografía, resume el dato principal en el alt y desarrolla el resto en el texto que la rodea.
El logo y el equipo también necesitan texto alternativo
La ficha de cada abogado suele llevar su fotografía, y esa imagen sí es informativa: identifica a una persona concreta, así que el alt debe nombrarla, por ejemplo «María López, socia del departamento laboral», en lugar de «abogada» o del nombre del archivo que subió la agencia que hizo las fotos. Lo mismo vale para la foto de la sala de reuniones en la página de contacto: si el texto de alrededor ya dice que es la sede del despacho, basta con un alt breve, «sala de reuniones del despacho»; si la imagen es la única pista de dónde está la oficina, el alt puede incluir ese dato.
El logo merece su propia mención porque casi siempre enlaza a portada: su alt no es «logo», es el nombre del despacho, que es la información que pierde quien no ve la imagen al llegar a la cabecera. Revisar estos tres puntos, ficha de equipo, fotos de la sede y logo, suele bastar para corregir la mayoría de los alt mal puestos en la web de un despacho, sin tener que repasar cada imagen suelta de cada artículo del blog.
Preguntas frecuentes sobre el texto alternativo
¿El texto alternativo afecta al posicionamiento SEO?
Ayuda indirectamente: Google lo usa para entender de qué trata la imagen y puede mostrarla en su buscador de Imágenes, pero no es un factor de posicionamiento del texto general de la página. Un alt bien escrito suma tráfico desde imágenes; uno con palabras clave repetidas puede penalizar por spam.
¿Todas las imágenes de la web necesitan alt?
No. Las informativas sí, siempre; las puramente decorativas llevan alt vacío a propósito. El error habitual no es olvidar el alt, es ponerlo igual en las dos y describir con la misma frase una balanza de fondo y la foto de un abogado.
¿Qué pasa si una imagen se publica sin texto alternativo?
El lector de pantalla suele leer el nombre del archivo, algo como «IMG_4521.jpg», en lugar de ninguna descripción. Para un cliente con discapacidad visual esa imagen desaparece del contenido; para Google, pierde la pista que le faltaba para indexarla en su buscador de Imágenes.