Overlays de accesibilidad y la EAA: por qué un widget no hace que tu web cumpla

24 de septiembre de 2026 · 6 min de lectura

Hay un argumento de venta que ha llegado a la bandeja de entrada de casi todos los equipos web europeos desde que la Ley Europea de Accesibilidad entró en vigor el 28 de junio de 2025: instala esta línea de JavaScript y tu web cumplirá de la noche a la mañana. El producto es un overlay de accesibilidad, un widget que se coloca en una esquina de la página y ofrece texto más grande, más contraste, un "modo lector de pantalla" y, en las versiones más ambiciosas, texto alternativo generado automáticamente.

Conviene ser precisos sobre lo que hacen estas herramientas, porque el riesgo está justo en la distancia entre la promesa y la realidad legal.

Ilustración isométrica de una página web como capas apiladas con un pequeño widget sujeto a una esquina
El widget está en la superficie. Las capas de debajo, el código que lee una auditoría, no cambian.

Lo que cambia de verdad un overlay

Un overlay se ejecuta después de que la página se haya cargado, en el navegador del visitante. Puede cambiar el estilo de lo que ya está: agrandar la letra, invertir colores, pausar animaciones, remarcar los enlaces. Algunos intentan además parchear el código sobre la marcha, adivinando un texto alternativo para una imagen que no lo tiene o poniendo a un botón sin nombre una etiqueta deducida del icono.

De ahí salen tres consecuencias que importan para la EAA:

Comparación en dos columnas: lo que cambia un widget overlay de accesibilidad en una página frente a lo que revisa de verdad la Ley Europea de Accesibilidad.Lo que toca un overlay vs. lo que revisa la EAAUN WIDGET OVERLAY PUEDELA EAA (EN 301 549) MIRAAgrandar el texto y cambiar la fuente paraquien lo pulsaSubir el contraste o invertir colores encimade la páginaPausar animaciones y resaltar enlacesAdivinar el texto alternativo con un modeloautomáticoAñadir sus propios atajos y su propio "modolector de pantalla"Si cada imagen, control y campo tiene en elcódigo un nombre accesible real y correctoSi toda la web funciona con teclado y con ellector de pantalla del propio visitanteSi contraste, orden de foco y mensajes deerror están bien de serie, sin widgetSi el servicio tiene declaración deaccesibilidad y un canal de comunicaciónSi el operador puede enseñar una evaluación deconformidad, no un sello del proveedor
Dos preguntas distintas. La columna de la izquierda habla del visitante que pulsa el widget; la de la derecha, del código que publicas.

Lo que pide la EAA en su lugar

La Directiva (UE) 2019/882 (en España, transpuesta por la Ley 11/2023) no menciona widgets, sellos ni proveedores. Fija requisitos funcionales de accesibilidad para los productos y servicios incluidos (comercio electrónico, banca, transporte, libros electrónicos, telecomunicaciones y el resto) y remite a la norma armonizada EN 301 549, que para contenido web equivale a los criterios de éxito de WCAG 2.1 nivel AA.

Esos criterios hablan de lo que publicas: si cada imagen tiene alternativa textual, si cada campo de formulario tiene nombre, si todo el recorrido se puede completar con teclado, si el orden de foco tiene sentido, si el contraste es suficiente de serie, si los errores se describen con texto. Y también hablan de la organización: el servicio tiene que tener una declaración de accesibilidad, explicar cómo cumple, indicar lo que aún no cumple y dar a la gente una forma de comunicar problemas.

Las autoridades de vigilancia del mercado de cada Estado miembro pueden pedir a un operador que demuestre la conformidad. La respuesta que esperan es una evaluación frente a la norma y la documentación que la respalda. "Hemos instalado un plugin" no es una evaluación, y ningún proveedor de overlays va a firmar tu declaración por ti.

La EAA pone la obligación en el operador económico. Puedes externalizar las pruebas y las correcciones. No puedes externalizar la responsabilidad a una etiqueta script.
Ilustración isométrica de un portátil junto a una línea braille y unos auriculares, unidos por líneas finas
La mayoría de visitantes con discapacidad ya llegan con su propia tecnología de apoyo configurada. Una segunda capa encima no es lo que pidieron.

Los antecedentes

El mercado de los overlays creció en Estados Unidos, bajo la ADA, y es ahí donde hay más historial. Dos datos bastan para situarlo:

Más de ochocientos profesionales de la accesibilidad, muchos de ellos usuarios con discapacidad, han firmado una declaración pública pidiendo a los propietarios de webs que no confíen en los overlays. Es un nivel de acuerdo poco habitual en un campo que discute casi todo.

Cuándo un overlay no hace daño

Nada de esto significa que los widgets no sirvan para nada. A un visitante sin tecnología de apoyo que simplemente quiere la letra más grande en un artículo largo, un control de tamaño de fuente le ayuda. Si ya tienes una web accesible y añades un widget como comodidad, el widget no es el problema.

El problema es el orden. El widget va encima de una web accesible; no la sustituye. Si tu presupuesto da para la suscripción al overlay o para dos días de un desarrollador corrigiendo etiquetas y orden de foco en tus plantillas, la segunda opción te acerca a la ley y la primera no.

Qué hacer en su lugar

Cuatro pasos hacia el cumplimiento real de la EAA: auditar frente a la EN 301 549, corregir el código, publicar la declaración de accesibilidad y seguir probando en cada versión.El camino que de verdad lleva hasta ahí1AuditarProbar los recorridosreales frente a la EN 301549 / WCAG 2.1 AA, conteclado y lector depantalla, no solo con unescaneo automático.2CorregirTexto alternativo,etiquetas, encabezados,orden de foco, contraste,mensajes de error. En lasplantillas, para que novuelva.3DeclararLa declaración deaccesibilidad, lo que aúnfalla, el canal decontacto. Es lo primeroque pide la vigilancia delmercado.4Seguir probandoEn cada versión. Laaccesibilidad es unapropiedad del código quepublicas: se degrada sinadie la revisa.
El orden importa: primero la auditoría, para que las correcciones y la declaración partan de lo que la web hace de verdad.

Un camino práctico que vemos funcionar en operadores pequeños y medianos:

  1. Audita los recorridos reales, no toda la web. Registro, búsqueda, añadir a la cesta, pago, contacto. Prueba cada uno solo con teclado y con un lector de pantalla, y después pasa un escaneo automático para el resto. Las herramientas automáticas detectan más o menos un tercio de los criterios; el resto necesita a una persona.
  2. Corrige en las plantillas. Un componente corregido arregla todas las páginas que lo usan, y sigue arreglado en el siguiente despliegue.
  3. Redacta la declaración de accesibilidad mientras la auditoría está reciente: qué cumple, qué aún no, cuándo lo hará y cómo comunicar un problema. Publícala donde un visitante la encuentre en un clic.
  4. Mete la accesibilidad en las compras. Pide a cada proveedor de un componente, un tema o un plugin sus propias evidencias de conformidad. De ahí vienen la mayoría de las regresiones.
  5. Vuelve a probar en cada versión. Una lista corta en la plantilla de revisión de cambios hace más que cualquier auditoría anual.

Si quieres una primera lectura de dónde está una web antes de decidir nada de esto, un escaneo automático frente a la EN 301 549 es un primer paso razonable, siempre que todo el mundo entienda que es el principio de la evaluación y no el final.

Solo usamos almacenamiento técnico imprescindible (tu idioma y tu elección de cookies, guardados en tu navegador). Sin rastreo ni cookies de terceros. Política de cookies