Imágenes de texto y accesibilidad: lista de verificación para imágenes traducidas

Un banner que dice «Rebajas de verano», una foto de producto con anotaciones, una infografía, una captura de pantalla de tu app: cada una es una imagen con palabras. Cuando localizas una campaña a cuatro idiomas, publicas cuatro, y cada una tiene que funcionar para quienes usan un lector de pantalla, amplían la página o necesitan un contraste alto. Esta lista recoge las reglas que se aplican a las imágenes de texto, lo que cambió la Ley Europea de Accesibilidad para las tiendas online y lo que hay que comprobar cada vez que se traduce una imagen.

En resumen

Primero, texto real. El criterio de conformidad 1.4.5 de las WCAG (nivel AA) pide texto real en lugar de imágenes de texto cuando la tecnología puede mostrarlo. Los logotipos están exentos.
Las mismas palabras en el texto alternativo. Cuando el texto tiene que quedarse en la imagen, su alternativa textual contiene el mismo texto, en el idioma de la imagen.
Contraste en cada versión. Al menos 4,5:1 para el texto normal y 3:1 para el texto grande, comprobado de nuevo cuando ya está dibujado el texto traducido.
La ley. Desde el 28 de junio de 2025, la Ley Europea de Accesibilidad cubre los servicios de comercio electrónico prestados a consumidores. Las microempresas que prestan servicios están exentas.

No es asesoramiento jurídico

Esta lista resume textos públicos del W3C, de la UE y de la administración francesa a 6 de octubre de 2026. No es asesoramiento jurídico: para una decisión de cumplimiento, consulta a un auditor de accesibilidad o a un abogado.

Qué es una imagen de texto

Las WCAG tratan una imagen de forma distinta según el papel que cumple el texto en ella:

Imagen	Ejemplos	Qué se aplica
El texto es el contenido principal	Titular de un banner, distintivo promocional, cita en imagen, gráfico de oferta	Preferir texto real (1.4.5), alternativa textual con el mismo texto (1.1.1), contraste (1.4.3)
Logotipo o nombre de marca	Logotipo en una cabecera o en un banner	Exento del 1.4.5 y del requisito de contraste; sigue necesitando una alternativa textual
Texto dentro de una imagen con otro contenido visual importante	Foto de producto que muestra el envase, captura de pantalla, gráfico, diagrama	Fuera del 1.4.5 y del 1.4.3, pero una alternativa textual debe transmitir igualmente el texto relevante
Puramente decorativa	Textura de fondo, rotulación ornamental sin información	Texto alternativo vacío (`alt=""`)

La mayoría de las imágenes que traducen los equipos de marketing y de comercio electrónico entran en la primera fila (banners, creatividades para redes sociales, gráficos de oferta) o en la tercera (fotos de producto e infografías).

Los criterios WCAG que se aplican

Las WCAG 2.2 son la recomendación vigente del W3C; los números de criterio que siguen son los mismos en las WCAG 2.1.

1.4.5 Imágenes de texto (nivel AA). Si la tecnología que usas puede lograr la presentación visual, usa texto en lugar de una imagen de texto. Dos excepciones: la imagen se puede personalizar visualmente según las necesidades del usuario, o una presentación concreta del texto es esencial para la información. Los logotipos se consideran esenciales.
1.4.9 Imágenes de texto (sin excepciones) (nivel AAA). Las imágenes de texto solo se usan como decoración pura o cuando una presentación concreta es esencial. La norma europea EN 301 549 apunta a los niveles A y AA, no al AAA, pero este criterio marca la dirección: texto real por defecto.
1.1.1 Contenido no textual (nivel A). Todo contenido no textual tiene una alternativa textual que cumple el mismo propósito, salvo unas pocas excepciones enumeradas, como la decoración. Para las imágenes de texto, el tutorial de imágenes del W3C es explícito: la alternativa textual contiene el mismo texto que la imagen.
1.4.3 Contraste (mínimo) (nivel AA). El texto y las imágenes de texto tienen una relación de contraste de al menos 4,5:1, o 3:1 para el texto a gran escala. El texto incidental de una imagen con otro contenido visual importante y los logotipos no tienen requisito de contraste, así que la regla cubre el texto incrustado en los banners.
Criterios relacionados. Cambio de tamaño del texto (1.4.4) excluye las imágenes de texto: las palabras de una imagen no tienen que crecer cuando el usuario agranda el texto, otro motivo para mantener la información clave como texto real. Idioma de las partes (3.1.2) pide marcar el texto escrito en un idioma distinto al de la página.

Por qué traducir una imagen lo complica

Traducir una imagen de texto multiplica el trabajo: un banner original se convierte en una imagen por idioma, y cada copia puede fallar a su manera.

El texto alternativo se queda en el idioma original. Un banner en francés con texto alternativo en inglés dice a quienes usan un lector de pantalla algo distinto de lo que ven los demás, y el lector de pantalla puede leerlo con una pronunciación equivocada.
El texto alternativo describe en vez de repetir. «Banner promocional» no es una alternativa textual para un banner que anuncia un descuento, una fecha de fin y un código. El texto alternativo debe decir lo que dice el banner.
La traducción es más larga. El alemán y el francés suelen ocupar más espacio que el inglés. Un texto reducido para que quepa puede perder la tolerancia del texto grande y necesitar entonces 4,5:1, y un texto que se desplaza puede caer sobre una zona más cargada del fondo.
Los datos clave acaban en píxeles. Un precio, una fecha límite o una mención legal dentro de una imagen no se puede ampliar, copiar ni encontrar con una búsqueda, y no sigue a tu moneda ni a tus condiciones cuando cambian.

La lista de verificación

Usa texto real siempre que puedas. En banners, imágenes de cabecera y gráficos de oferta, coloca el titular, la oferta y el texto del botón como texto HTML sobre una imagen de fondo. Ese texto se traduce con el resto de la página, cambia de tamaño y no obliga a regenerar ninguna imagen. Los logotipos se quedan como están.
Si el texto se queda en la imagen, repítelo en el texto alternativo. Las fotos de producto con anotaciones y las creatividades para redes sociales a menudo tienen que conservar su texto. Su alternativa textual contiene las mismas palabras. Para un texto largo, como una infografía, añade una versión completa en texto junto a la imagen o un enlace a ella.
Traduce el texto alternativo junto con la imagen. Cada imagen traducida recibe un texto alternativo en su propio idioma. Comprueba que tu CMS guarda el texto alternativo por idioma y que un campo sin traducir no recurre al idioma original sin que nadie lo note.
Marca el idioma cuando sea distinto. Si una página en un idioma muestra una imagen en otro, por ejemplo una captura de pantalla en inglés en un artículo de ayuda en francés, marca el texto alternativo o la versión en texto con el atributo lang correcto.
Comprueba el contraste de cada versión traducida. Mide el color del texto frente al fondo que tiene detrás: 4,5:1 para el texto normal, 3:1 para el texto grande. Hazlo después de traducir, porque el tamaño de letra, los saltos de línea y la zona del fondo pueden cambiar.
Deja vacío el alt de las imágenes decorativas. Usa alt="" para la decoración y no repitas en el texto alternativo lo que la página ya dice como texto real justo al lado de la imagen.
No te saltes las imágenes con otro contenido. Las fotos de producto, las capturas de pantalla y los gráficos quedan fuera del criterio de imágenes de texto, pero siguen necesitando una alternativa textual que transmita el texto que importa, como las cifras clave de un gráfico.
Deja la información crítica fuera de las imágenes. Precios, ofertas, tallas y condiciones legales están más seguros como texto real: legibles con cualquier nivel de zoom, fáciles de actualizar y traducidos con la página.
No toques los logotipos. Un logotipo está exento de las reglas sobre imágenes de texto y contraste. Su texto alternativo es el nombre de la marca, que suele ser el mismo en todos los idiomas.
Revisa juntos la imagen y el texto alternativo. Una persona que lee el idioma de destino comprueba, una al lado de otra, la imagen traducida, su texto alternativo y la posible versión en texto antes de que el idioma se publique.

La Ley Europea de Accesibilidad: quién debe cumplirla

La Ley Europea de Accesibilidad (European Accessibility Act), la Directiva (UE) 2019/882, se aplica en los Estados miembros desde el 28 de junio de 2025. Para los negocios online, los puntos clave son:

Servicios a consumidores. Cubre los servicios prestados a consumidores, entre ellos los servicios de comercio electrónico, los servicios bancarios para consumidores, los libros electrónicos, las comunicaciones electrónicas y partes de los servicios de transporte de viajeros como sitios web, apps y billetes electrónicos. La directiva define el comercio electrónico como servicios prestados a distancia a través de sitios web y servicios móviles, a petición de un consumidor, con vistas a celebrar un contrato con él. Los servicios que se venden solo a empresas quedan fuera de su ámbito.
Qué exige. Los requisitos para los servicios incluyen una presentación alternativa del contenido no textual, un contraste suficiente y sitios web y apps perceptibles, operables, comprensibles y robustos: los cuatro principios de las WCAG.
Microempresas. Las microempresas que prestan servicios están exentas. La directiva las define como empresas con menos de 10 personas y un volumen de negocios anual o un balance general anual que no supera los 2 millones de euros.
Carga desproporcionada. Una empresa que alegue una modificación fundamental o una carga desproporcionada debe documentar su evaluación.
Sin periodo de gracia para los sitios web. La directiva permite a los servicios seguir usando hasta el 28 de junio de 2030 los productos que ya usaban antes del 28 de junio de 2025. La DGCCRF, la autoridad francesa de protección del consumidor, afirma que un sitio web o una app no es un «producto», así que una tienda online existente no puede acogerse a esa transición.

Si tu empresa solo vende a otras empresas, como suelen hacer las agencias y los proveedores de software, la obligación recae en los servicios para consumidores de tus clientes. Las imágenes que entregas acaban en sus sitios, así que ayudarles a cumplir significa entregar imágenes que se puedan publicar de forma accesible: texto real cuando sea posible y texto alternativo para cada idioma.

EN 301 549: la norma técnica

En Europa, el «nivel AA de las WCAG» suele llegar a las empresas a través de la EN 301 549, la norma armonizada sobre accesibilidad de productos y servicios TIC.

La nueva versión. La EN 301 549 V4.1.1 (2026-09) se preparó para la Ley Europea de Accesibilidad. Sus cláusulas sobre web, documentos y software están alineadas con los niveles A y AA de las WCAG 2.2, y un nuevo anexo las relaciona con los requisitos de la directiva.
Imágenes de texto. La cláusula 9.1.4.5 cubre la web, la 10.1.4.5 los documentos no web y la 11.1.4.5 el software. El contenido no textual es la cláusula 9.1.1.1 para la web.
Presunción de conformidad. Según la directiva, una norma armonizada da presunción de conformidad una vez publicada su referencia en el Diario Oficial de la UE. A principios de octubre de 2026 no pudimos confirmar que la V4.1.1 se haya citado en el marco de la Ley Europea de Accesibilidad, así que todavía no da esa presunción. Consulta la lista de normas citadas por la Comisión antes de confiar en ella.
La versión anterior. La EN 301 549 V3.2.1 (2021) es la versión citada en el marco de la Directiva sobre accesibilidad web, que cubre los sitios del sector público.

Francia: quién controla y cuánto cuesta

Francia transpuso la directiva en su Código de Consumo (artículo L.412-13, creado por la ley 2023-171), completado por el décret 2023-931 y un arrêté, ambos del 9 de octubre de 2023. El arrêté fija los requisitos, y las normas se aplican desde el 28 de junio de 2025.

Quién controla. La DGCCRF controla la accesibilidad de los servicios, incluido el comercio electrónico, en coordinación con otros reguladores: Arcom, ARCEP, Banque de France, ACPR y AMF. Indica que sus controles empezaron el 28 de junio de 2025, en particular a raíz de denuncias presentadas en SignalConso, su plataforma de reclamaciones de consumidores.
Multas. La DGCCRF menciona multas de 7.500 euros por infracciones de quinta clase («contraventions»), que se acumulan según el número de infracciones constatadas. También puede dictar requerimientos con multas coercitivas y hacer pública la sanción.
Microempresas. Según la DGCCRF, ninguna obligación de accesibilidad se impone a los prestadores de servicios que son microempresas.
Información de cumplimiento. Los prestadores de servicios deben publicar información sobre cómo cumplen. La DGCCRF pone como ejemplo los informes de auditoría RGAA. El RGAA es el marco francés de accesibilidad, basado hoy en el nivel AA de las WCAG 2.1; consulta en el sitio oficial la versión vigente antes de una auditoría.
Grandes empresas. Las empresas con un volumen de negocios superior a 250 millones de euros también están sujetas al artículo 47 de la ley 2005-102 sobre los derechos de las personas con discapacidad, que Arcom hace cumplir con sus propias sanciones.

El papel de TranslateMyImage

Algunas imágenes tienen que conservar su texto: una foto de producto con anotaciones, una creatividad para redes sociales, una infografía. Para ellas, TranslateMyImage te ayuda a producir la versión localizada. Sube la imagen al traductor de imágenes, elige el idioma y revisa el resultado. Para un catálogo, los planes a partir de Pro incluyen la traducción por lotes y la API de traducción de imágenes, que producen varios idiomas en una sola ejecución.

El resultado es una imagen, y una herramienta no hace accesible una imagen por sí sola. Cada imagen traducida sigue necesitando:

un texto alternativo en el mismo idioma, con el mismo texto que la imagen;
una comprobación del contraste entre el texto traducido y su fondo;
una revisión por parte de alguien que lea el idioma.

Y si un banner se puede rehacer con texto real, traduce el texto en lugar de la imagen. Para los pasos de cada plataforma, consulta cómo traducir imágenes en Shopify y cómo localizar las imágenes de tus correos.

Fuentes

W3C (en inglés), Comprender el criterio 1.4.5: imágenes de texto
W3C (en inglés), Comprender el criterio 1.4.9: imágenes de texto (sin excepciones)
W3C (en inglés), Comprender el criterio 1.1.1: contenido no textual
W3C (en inglés), Comprender el criterio 1.4.3: contraste (mínimo)
W3C WAI (en inglés), tutorial de imágenes: imágenes de texto
W3C (en inglés), Pautas de Accesibilidad para el Contenido Web (WCAG) 2.2
EUR-Lex (versión en inglés), Directiva (UE) 2019/882, la Ley Europea de Accesibilidad
ETSI (en inglés), EN 301 549 V4.1.1
DGCCRF (en francés), los productos y servicios deben cumplir la directiva de accesibilidad
Légifrance (en francés), ley 2023-171, artículo 16, décret 2023-931 y arrêté del 9 de octubre de 2023
DINUM (en francés), accessibilite.numerique.gouv.fr, el sitio de referencia del RGAA

Traduce una imagen que debe conservar su texto

Sube una foto de producto, un banner o una infografía, elige un idioma y añade un texto alternativo en ese idioma antes de publicarla.

Traducir una imagen

Preguntas frecuentes

¿Permiten las WCAG las imágenes de texto?

En el nivel AA, el criterio de conformidad 1.4.5 pide usar texto real en lugar de imágenes de texto cuando la tecnología puede mostrarlo. Las imágenes de texto siguen permitidas cuando el usuario puede personalizarlas o cuando la presentación es esencial, y los logotipos se consideran esenciales. Toda imagen de texto necesita además una alternativa textual que contenga el mismo texto.

¿Una imagen traducida necesita un texto alternativo traducido?

Sí. La alternativa textual debe contener el mismo texto que la imagen, así que un banner en alemán necesita un texto alternativo en alemán. Si el texto alternativo se queda en el idioma original, quienes usan un lector de pantalla reciben un mensaje distinto del que ven los demás.

¿Se aplica la Ley Europea de Accesibilidad a mi tienda online?

Cubre los servicios de comercio electrónico prestados a consumidores desde el 28 de junio de 2025. Las microempresas que prestan servicios (menos de 10 personas y un volumen de negocios anual o un balance general de 2 millones de euros como máximo) están exentas. Los servicios que se venden solo a empresas quedan fuera de su ámbito.

¿Una herramienta de traducción de imágenes hace accesibles mis imágenes?

Ninguna herramienta lo consigue por sí sola. Una herramienta puede producir la imagen traducida; la accesibilidad depende de cómo la publiques: texto real cuando sea posible, texto alternativo en el idioma correcto y contraste suficiente en cada versión.

Sobre el autor

Experto en traducción de imágenes y herramientas de localización con IA. Fundador de TranslateMyImage, ayuda a las empresas a crecer internacionalmente mediante la traducción automatizada de imágenes.

Ver perfil del autor