8 min de lecturaCumplimiento

Accesibilidad de los códigos QR: WCAG, contraste y opciones

Un código QR es una imagen sin alternativa de texto. Qué esperan las normas de accesibilidad y el respaldo impreso que arregla casi todo.

Sasha Ehrlich
Compliance · EU residency

Un código QR es una imagen de un enlace. Para usarlo, una persona tiene que saber que está ahí, encontrarlo en el espacio, apuntar una cámara hacia él y quedarse quieta. Quien no puede hacer esas cuatro cosas no tiene ninguna vía a la información, y por eso toda guía de accesibilidad seria trata un código como una forma de entrar y no como la forma de entrar.

Las obligaciones se reparten con claridad. En pantalla, el código es una imagen y las Pautas de Accesibilidad para el Contenido Web se aplican a él directamente. En impresión, ninguna pauta llega al papel, y la responsabilidad pasa a lo que pones junto al código. En ambos casos, la página de destino es donde reside realmente la mayor parte del riesgo legal. Para saber qué recoge un escaneo una vez que funciona, los códigos QR y el RGPD cubre el lado de los datos del mismo cuadrado.

Tres barreras, no una

Los equipos arreglan la barrera visible. Las otras dos se quedan.

Encontrarlo. Un código impreso se anuncia solo visualmente. Una persona ciega no sabe que un cartel lleva un código, que un expositor de mesa tiene uno o que una carta incluye uno, a menos que el texto lo diga. Por eso "escanea el código" impreso en letra pequeña bajo un símbolo no resuelve nada por sí solo.

Escanearlo. Encuadrar un código requiere una visión central utilizable y manos razonablemente firmes. La baja visión, el temblor, la fuerza de agarre limitada y una persona en silla de ruedas frente a un código colocado a la altura de una persona de pie son fallos distintos con el mismo resultado. Un código tras un cristal o sobre un mostrador añade una distancia que la aritmética del tamaño debe tener en cuenta.

Usar lo que se abre. La página tras el código es una página web como cualquier otra, y es donde se concentran las obligaciones exigibles. Un código escaneable que lleva a un menú en PDF sin capa de texto ha movido la barrera. No la ha eliminado.

Qué pide WCAG

Cuatro disposiciones aparecen una y otra vez, y ninguna es onerosa.

Todas provienen del texto de WCAG 2.2 (consultado el 2026-10-25). Un código mostrado como imagen necesita una alternativa de texto que describa el destino, según el criterio de conformidad 1.1.1 Contenido no textual (Nivel A). "Código QR" es un atributo alt desperdiciado; "código QR que enlaza con el formulario de reserva de citas" es la información. Cuando la URL también está impresa como texto en la misma página, el código puede marcarse razonablemente como decorativo.

El contraste es lo que más a menudo infringen los diseñadores. El requisito de contraste de elementos no textuales (1.4.11, Nivel AA) fija un mínimo de 3:1 frente a los colores adyacentes para las partes de los gráficos necesarias para entender el contenido, que en un QR son los módulos frente a su fondo. Los fondos fotográficos, las combinaciones de marca de bajo contraste y los patrones invertidos incumplen tanto la pauta como, a menudo, el escáner. Diseño de códigos QR de marca explica hasta dónde puedes llevar el estilo antes de que el patrón deje de decodificarse.

El propósito del enlace también importa. Cuando el código está junto a un enlace, el texto visible debe decir adónde va, y propósito del enlace en contexto (2.4.4, Nivel A) es la disposición que lo pide. "Haz clic aquí" falla por la misma razón que un código sin etiqueta.

Y la zona de silencio, el margen libre alrededor del patrón, es tanto una cuestión de accesibilidad como de impresión. Recortarla para que quepa en una maqueta hace el código más difícil de captar para todos e imposible para algunos.

Cuatro barreras de accesibilidad creadas por un código QR, a quién afecta cada una y la solución que la elimina

Dónde aterriza la Ley Europea de Accesibilidad

La Directiva (UE) 2019/882 se aplica desde el 28 de junio de 2025 (EUR-Lex no cargó para una comprobación automática el 2026-10-25, así que confirma allí el texto), y cambia el cálculo para las organizaciones del sector privado que antes trataban la accesibilidad como una preocupación del sector público.

Tres puntos deciden si te alcanza. Cubre productos y servicios dirigidos al consumidor especificados, incluidos el comercio electrónico, la banca de consumo, el transporte de pasajeros y los libros electrónicos. Recae en el servicio, lo que significa que la página que abre el código está dentro del ámbito aunque el cuadrado impreso no. Y se transpone a nivel nacional, así que el organismo de control, las sanciones y los detalles de la exención de las microempresas para los servicios dependen del Estado miembro en el que vendas.

La lectura práctica para un equipo de marketing: si un escaneo lleva a una compra, una reserva o una operación bancaria con consumidores de la UE, trata el destino como una superficie regulada y pruébalo en consecuencia. Los organismos públicos ya están cubiertos por las normas de accesibilidad web anteriores y por la norma EN 301 549, que es el terreno que acortadores de URL para el gobierno cubre con más detalle.

Preferiría que un equipo arreglara la página de destino e imprimiera una URL antes que dedicar una semana a la estética del código. Lo primero y lo segundo es lo que pregunta un organismo de control.

La URL corta impresa es la función de accesibilidad

Este es el cambio de mayor valor de la lista. Cuesta una línea de texto.

Una URL corta impresa bajo un código es la alternativa de texto que la impresión no puede llevar de otro modo. Sirve a quien usa ampliación de pantalla y puede leer texto pero no encuadrar una cámara. Sirve a quien tiene un móvil sin una aplicación de cámara funcional, a quien usa un dispositivo prestado y a quien quiere abrir la página más tarde en un portátil. También sirve a todos los demás cuando el reflejo arruina el escaneo. Es raro, pero ocurre.

Hazla transcribible:

  1. Mantén la ruta en unos pocos caracteres, para que pueda retenerse en la memoria entre leerla y teclearla.
  2. Usa minúsculas en todo, y evita pares de caracteres que se impriman de forma ambigua.
  3. Prefiere una palabra a una cadena aleatoria. Un back-half personalizado que se lee como una palabra sobrevive a una mala fotocopia, uno aleatorio no.
  4. Compón la URL en un tamaño que alguien pueda leer a la distancia desde la que se escanea el código, no en la letra más pequeña que permita la maqueta.
  5. Pon tu propio dominio delante. Un dominio reconocible es una señal de confianza para todos, y qué es un enlace de marca explica por qué eso importa más en impresión que en pantalla.

¿Generas códigos con un respaldo impreso legible para cada uno? Crea primero el enlace corto y luego pégalo en el diseñador de QR. El diseñador codifica la URL que le des y no crea el enlace corto por ti, así que el orden importa: el texto que imprimas bajo el código debe ser el mismo enlace corto que contiene el código. El diseñador exporta PNG y SVG, y ambos sirven para imprimir.

En el diseñador eliges los colores de primer plano y de fondo como valores hex. El par predeterminado de la captura de abajo, #0f172a sobre #ffffff, da aproximadamente 17.9:1 según la fórmula de contraste de WCAG, muy por encima del mínimo de 3:1. Escribe tus propios colores de marca y comprueba la relación antes de exportar, porque el diseñador no avisa cuando un par se queda corto, y su propia sugerencia solo dice que pruebes en dos móviles.

Diseñador de QR de Elido con los campos de color de primer plano 0f172a y color de fondo ffffff, botones de estilo de módulo y de ojo, una vista previa del QR en vivo y botones de descarga PNG y SVG

El diseñador dibuja la zona de silencio estándar de 4 módulos. No la recortes ni coloques el código pegado a un arte recargado.

Probarlo como otra persona

Cinco comprobaciones. Las tres primeras llevan diez minutos.

Pasa la página de destino por un lector de pantalla. No una herramienta de listas de verificación, un lector de pantalla de verdad, escuchando si la acción principal es accesible y está etiquetada. La guía de la Sección 508 de EE. UU. sobre la implementación de QR es una referencia compacta de a qué prestar atención al escuchar.

Mide el contraste de la prueba impresa en lugar del archivo. La tinta sobre papel sin estucar pierde un contraste que una vista previa en pantalla favorece.

Escanea el código desde la posición que ocupa una persona real: sentada, a la altura real de montaje, con la iluminación real del local. Un código a 1.6 metros es un objeto distinto para una persona en silla de ruedas que para el diseñador que lo colocó.

Teclea a mano la URL impresa en un teclado de móvil. ¿Tres intentos? El slug está mal.

Luego comprueba la página que hay detrás con el mismo estándar que tu sitio principal. Ahí reside la obligación, y es la comprobación que más a menudo se omite.

Lee la serie de contenido troncal

Este artículo forma parte del clúster de cumplimiento. RGPD para acortadores de URL es el contenido troncal de la mitad de protección de datos de la misma superficie, y los códigos QR y el RGPD cubre qué recoge realmente un escaneo.

Relacionado en el blog

Preguntas frecuentes

¿Los códigos QR son accesibles?

No por sí solos. Escanear uno requiere vista para localizarlo, pulso firme para encuadrarlo y un dispositivo con cámara. Nada de eso se puede dar por supuesto, y por eso la guía de accesibilidad trata un código QR como una vía adicional a la información y no como la única. Imprime una URL corta junto a él y la mayor parte de la barrera desaparece.

¿Un código QR necesita texto alternativo?

Cuando aparece como imagen en una página web o en un documento, sí. Describe adónde lleva en lugar de lo que es: a un usuario de lector de pantalla no le aporta nada que le digan que hay un código QR, y le aporta todo que le digan que abre la página de reservas. En material impreso no hay texto alternativo, así que la alternativa de texto es la propia URL, compuesta en una tipografía legible.

¿Qué contraste necesita un código QR?

Al menos 3:1 entre los módulos oscuros y el fondo claro según la regla de contraste de elementos no textuales de WCAG, y en la práctica más, porque los escáneres necesitan un margen que un mínimo de cumplimiento no garantiza. Mantenlo oscuro sobre claro, evita fondos fotográficos y nunca inviertas el patrón por un efecto de diseño.

¿La Ley Europea de Accesibilidad se aplica a los códigos QR?

Se aplica al servicio que hay detrás del código. La Directiva (UE) 2019/882 cubre servicios dirigidos al consumidor como el comercio electrónico, la banca, el transporte y los libros electrónicos, y es aplicable desde el 28 de junio de 2025. Si el código abre un menú, una entrada o un pago, la obligación de accesibilidad recae en esa página, no en el cuadrado impreso.

¿Cómo debe ser el respaldo impreso?

Corto, en minúsculas e inequívoco cuando se lee en voz alta o se copia a mano. Evita caracteres fáciles de confundir en impresión, mantén la ruta en unos pocos caracteres y ponlo lo bastante grande para que lo transcriba alguien que use ampliación. Un dominio corto de marca ayuda aquí, porque el lector puede saber de un vistazo a quién está a punto de visitar.

¿NFC es una buena alternativa a un código QR?

Es un complemento útil, no un sustituto. Un toque evita por completo el problema de apuntar, lo que ayuda a personas con baja visión o motricidad fina limitada, pero requiere un móvil compatible y una etiqueta física. La combinación más inclusiva en una superficie impresa es un código, una etiqueta donde el presupuesto lo permita y una URL tecleable debajo de ambos.

Prueba Elido

Pega una URL, obtén un enlace corto

Sin registro. El enlace vive 30 días. Crea una cuenta para conservarlo.

Se necesita una cuenta gratuita. El plan gratuito incluye 25 enlaces en total. ¿Ya tienes una cuenta? Iniciar sesión

Prueba Elido

Acortador de URL alojado en la UE: dominios personalizados, análisis profundo y API abierta. Plan gratuito - sin tarjeta de crédito.

Etiquetas
qr code accessibility
wcag
european accessibility act
alt text
non-text contrast
short url fallback

Seguir leyendo