Overlays de accesibilidad y correcciones en el código fuente
Un overlay de accesibilidad es un script que modifica las páginas de una tienda en el navegador del visitante, una vez cargadas. Una corrección en el código fuente modifica las plantillas, los estilos o los scripts de la tienda, de modo que la página corregida es la que el servidor envía a todos los navegadores y a todas las herramientas.
Última actualización:
En esta página: 9 respuestas
¿En qué se diferencian un overlay y una corrección en el código fuente?
La diferencia entre un overlay de accesibilidad y una corrección en el código fuente está en dónde se hace el cambio. Un overlay modifica la página en el navegador de cada visitante; una corrección en el código fuente modifica los archivos a partir de los que se genera la página.
- Overlay de accesibilidad
- Un script añadido a las páginas de una tienda que modifica cada página en el navegador del visitante una vez cargada. El script puede añadir o cambiar atributos, textos y estilos, y puede añadir controles propios. Salvo la referencia que carga el script, el código propio de la tienda queda como estaba.
- Corrección en el código fuente
- Un cambio en las plantillas, las hojas de estilos o los scripts propios de la tienda: los archivos a partir de los que el servidor genera cada página. Una vez que el cambio está en producción, la página corregida es la que envía el servidor.
¿Qué cambia un overlay?
Un overlay de accesibilidad modifica la página en el navegador del visitante, y solo ahí. Su script se carga con la página, lee lo que el navegador ha construido a partir del HTML de la tienda y lo modifica, de nuevo en cada visita a una página, en cada navegador que carga y ejecuta el script.
Detalles: las reparaciones que requieren un conocimiento que la página no contiene
Algunas reparaciones requieren un conocimiento que la página no contiene, por ejemplo qué debe transmitir al cliente la foto de un producto. El script no puede leerlo en la página: tiene que deducirlo o añadir un texto que alguien ha introducido en el servicio del proveedor. En ambos casos, el resultado existe solo en los navegadores que ejecutan el script.
¿Qué no corrige un overlay de accesibilidad?
Un overlay de accesibilidad no corrige el código que produce un fallo. Los archivos del tema y el HTML que envía el servidor quedan como estaban, salvo la referencia que carga el overlay, y un navegador o una herramienta que no ejecuta el script recibe la página con sus fallos originales.
Lo que un overlay deja como estaba
-
Los archivos del tema.
-
El HTML que envía el servidor.
-
Lo que recibe un navegador o una herramienta sin el script.
-
La página antes de que el script se ejecute.
-
La página después de quitar el script.
-
Todo aquello en lo que el script no se ejecuta.
Detalles: lo que un overlay deja como estaba, punto por punto
Un overlay de accesibilidad no corrige el código que produce un fallo. Todo aquello a partir de lo que se genera la página queda como estaba, igual que cada copia de la página a la que no llega el script:
- Los archivos del tema. Las plantillas, las hojas de estilos y los scripts de la tienda quedan como estaban, salvo la referencia que carga el overlay.
- El HTML que envía el servidor. Es el mismo de antes, salvo esa referencia.
- Lo que recibe un navegador o una herramienta sin el script. Un navegador con JavaScript desactivado, un navegador en el que el script está bloqueado o no llega a cargarse y una herramienta que lee el HTML sin ejecutar scripts reciben la página con sus fallos originales.
- La página antes de que el script se ejecute. Hasta que el script se ha cargado y ha hecho sus cambios, la página es tal como la entrega el código de la tienda.
- La página después de quitar el script. Cuando el overlay se desactiva o se quita, las páginas quedan como estaban antes de añadirlo.
- Todo aquello en lo que el script no se ejecuta. Un PDF, un correo electrónico de la tienda o una página de otro dominio que no carga el script, como una página de pago alojada externamente.
¿Cómo puede comprobarlo en cualquier tienda?
Con un navegador de escritorio corriente puede ver dónde se hizo un cambio, sin acceso al código de la tienda: compare el código fuente con la página renderizada, bloquee el script del overlay y recargue la página, o pida que le muestren el cambio en el código.
- Compare el código fuente con la página renderizada. La opción «Ver código fuente de la página» del navegador muestra el HTML que envió el servidor. El inspector de elementos de las herramientas para desarrolladores del navegador muestra la página después de que se hayan ejecutado sus scripts. Un atributo o un texto que aparece solo en el inspector lo añadió un script después de cargarse la página.
- Bloquee el script del overlay. Bloquee la dirección desde la que se carga el script, por ejemplo con el bloqueo de solicitudes de las herramientas para desarrolladores del navegador, y recargue la página. Lo que queda es la tienda tal como la entrega su propio código.
- Pida que le muestren el cambio en el código. Una corrección en el código fuente es un cambio en un archivo del tema que un desarrollador puede mostrarle, con su fecha. Un cambio hecho por un overlay no está en los archivos del tema.
¿Qué dicen los reguladores y las cifras de demandas sobre los overlays?
En abril de 2025, la Comisión Federal de Comercio de Estados Unidos aprobó una orden definitiva que prohíbe a una empresa que vende un plugin automatizado de accesibilidad afirmar, sin pruebas, que sus productos pueden hacer que cualquier sitio web sea conforme con las WCAG. Según los organismos alemanes que supervisan webs públicas, actualmente las herramientas de overlay no pueden hacer plenamente accesible un sitio web con barreras.
-
Comisión Federal de Comercio de Estados Unidos, 22 de abril de 2025
Una orden definitiva contra una empresa que vende un plugin automatizado de accesibilidad
Le prohíbe afirmar que sus productos automatizados pueden hacer que cualquier sitio web sea conforme con las WCAG, o mantenerlo así con el tiempo, cuando no tiene las pruebas que respalden la afirmación.
-
Organismos alemanes de supervisión, evaluación conjunta revisada en marzo de 2025
Actualmente las herramientas de overlay no pueden hacer plenamente accesible un sitio web con barreras
Su uso puede crear barreras adicionales. La evaluación se refiere a los sitios web de los organismos públicos sujetos a la Directiva sobre accesibilidad web (Directiva (UE) 2016/2102).
-
UsableNet, Estados Unidos, 2024
1023 empresas con un widget de accesibilidad activo en su sitio web recibieron demandas
Una demanda es una reclamación, no una sentencia, así que la cifra no dice nada sobre cómo terminaron los casos.
Fuente: Comisión Federal de Comercio de Estados Unidos (FTC), comunicado de prensa del 22 de abril de 2025; BFIT-Bund, evaluación conjunta de los organismos de supervisión (en alemán); UsableNet, 2024 Year-End ADA Web Lawsuit Report
La Comisión Federal de Comercio de Estados Unidos, orden definitiva del 22 de abril de 2025
El 22 de abril de 2025, la Comisión Federal de Comercio de Estados Unidos (Federal Trade Commission, FTC) aprobó una orden definitiva por consentimiento (final consent order) contra una empresa que vende un plugin automatizado de accesibilidad para sitios web. La denuncia de la FTC, propuesta en enero de 2025, alegaba que, al contrario de lo que afirmaba la empresa, el plugin no hacía que todos los sitios web que lo usaban fueran conformes con las WCAG.
La orden prohíbe a la empresa afirmar que sus productos automatizados pueden hacer que cualquier sitio web sea conforme con las WCAG, o mantenerlo así con el tiempo, cuando no tiene las pruebas que respalden la afirmación. También le prohíbe presentar como opiniones independientes reseñas, entradas de blog o artículos sobre sus productos cuando no lo son, y obliga a la empresa a pagar 1 millón de dólares estadounidenses. Fuente: el comunicado de prensa de la FTC del 22 de abril de 2025.
Los organismos alemanes de supervisión de la accesibilidad de las tecnologías de la información, marzo de 2025
Los organismos de supervisión de la Federación y de los estados federados alemanes para la accesibilidad de las tecnologías de la información (Überwachungsstellen des Bundes und der Länder) afirman en una evaluación conjunta que actualmente las herramientas de overlay no pueden hacer plenamente accesible un sitio web con barreras y que su uso puede crear barreras adicionales. La evaluación se revisó en marzo de 2025. La publica BFIT-Bund, el organismo de supervisión federal. Su frase clave en el original alemán: «Aktuell sind Overlay-Tools nicht in der Lage, einen Webauftritt, der Barrieren aufweist, vollständig barrierefrei darzustellen» (en la actualidad, las herramientas de overlay no son capaces de hacer plenamente accesible un sitio web que presenta barreras).
La evaluación añade que las herramientas de overlay y los productos de apoyo, usados al mismo tiempo, pueden interferir entre sí, lo que puede dificultar o impedir el uso del sitio web a las personas con discapacidad. Se refiere a los sitios web de los organismos públicos sujetos a la Directiva sobre accesibilidad web (Directiva (UE) 2016/2102): un sitio web de este tipo es accesible solo si cumple los requisitos sin una herramienta de overlay. Fuente: la evaluación conjunta en bfit-bund.de, en alemán.
Demandas en Estados Unidos contra empresas con un widget (UsableNet, 2024)
Son cifras de Estados Unidos. UsableNet, que publica informes sobre las demandas por accesibilidad digital en Estados Unidos, indica que en 2024 recibieron demandas 1023 empresas que tenían un widget de accesibilidad activo en su sitio web. Una demanda es una reclamación, no una sentencia, así que la cifra no dice nada sobre cómo terminaron los casos. Fuente: el informe de cierre de 2024 de UsableNet sobre las demandas por accesibilidad web en Estados Unidos.
¿Cuál es la alternativa a un overlay de accesibilidad?
La alternativa a un overlay de accesibilidad es una corrección en el código fuente: un cambio en el archivo que produce el fallo, como una plantilla, una hoja de estilos o un script. Una vez que el cambio está en producción, el marcado y los estilos corregidos forman parte de lo que envía el servidor, así que llegan a todos los visitantes, navegadores y herramientas.
Validiscan entrega sus correcciones así
-
Como un cambio que puede revisar.
-
Nada cambia en su tienda en producción hasta que usted lo decida.
-
En los archivos que causan el fallo.
-
Sin un script propio.
-
Comprobado cuando ya está en producción.
Detalles: qué cambia una corrección en el código fuente y cómo entrega Validiscan sus correcciones
La alternativa es una corrección en el código fuente: un cambio en el archivo que produce el fallo, como una plantilla, una hoja de estilos o un script del tema de la tienda. Una vez que el cambio está en producción, el marcado y los estilos corregidos forman parte de lo que envía el servidor, así que llegan a todos los visitantes, navegadores y herramientas sin depender de un script adicional.
Validiscan entrega sus correcciones así:
- Como un cambio que puede revisar. Validiscan entrega los cambios como un pull request en una rama nueva de su repositorio, con un commit por corrección; como una copia sin publicar de su tema de Shopify; o como un paquete de parches, con un archivo de parche por corrección.
- Nada cambia en su tienda en producción hasta que usted lo decida. Usted o su desarrollador fusionan el pull request, publican la copia del tema o aplican el parche.
- En los archivos que causan el fallo. Una corrección puede modificar una plantilla, una hoja de estilos o uno de los scripts del propio tema. Por ejemplo, un carrusel que avanza solo recibe en su plantilla un botón de pausa, y un bloque de código añadido al script principal del tema conecta el botón con el carrusel.
- Sin un script propio. Nada de lo que entrega Validiscan se ejecuta por sí solo en su sitio, y Validiscan nunca añade un script que repare sus páginas en el navegador de los visitantes después de cargarse. El código añadido a los scripts del propio tema pasa a formar parte de su código, y su desarrollador lo revisa junto con el resto del cambio.
- Comprobado cuando ya está en producción. Cuando los cambios están en producción, un escaneo de verificación vuelve a comprobar las páginas afectadas, y el Remediation Evidence Package registra qué se probó, qué se cambió y qué se verificó, con fechas.
¿Cómo se comparan los dos enfoques?
Un overlay de accesibilidad y una corrección en el código fuente se diferencian en dónde está el cambio, quién puede verlo y qué queda después: las reparaciones de un overlay nunca estuvieron en su código, mientras que los cambios de una corrección en el código fuente forman parte de él.
| Pregunta | Overlay de accesibilidad | Corrección en el código fuente |
|---|---|---|
| ¿Dónde se hace el cambio? | En el navegador del visitante, mediante un script, en cada visita a una página | En los propios archivos del tema, una sola vez |
| ¿Qué envía el servidor? | El mismo HTML de antes, más una referencia al script | El HTML y los estilos corregidos |
| ¿Qué recibe un navegador o una herramienta que no ejecuta el script? | La página con sus fallos originales | La página corregida |
| ¿Puede su desarrollador revisar el cambio antes de que salga a producción? | No como un cambio en el código de la tienda | Sí: línea por línea en un pull request o en un paquete de parches, o como vista previa de una copia sin publicar del tema |
| ¿Qué queda en su código cuando deja de pagar al proveedor? | Ninguna de las reparaciones, porque nunca estuvieron en su código | Los cambios, porque forman parte de su código |
| ¿Qué puede deshacer el cambio? | Que el script no se cargue, se bloquee o se quite | Un cambio posterior en el tema, por ejemplo una actualización del tema o de una app |
| ¿Qué se ejecuta en el navegador del visitante que antes no estaba? | El script del overlay | Ningún script aparte. Cuando una corrección necesita un comportamiento nuevo, código añadido a los scripts del propio tema |
¿Qué no hace una corrección en el código fuente?
Una corrección en el código fuente también tiene límites: necesita acceso al código de la tienda, corrige solo lo que el código puede corregir, no alcanza los elementos incrustados de terceros, como los widgets de pago o de chat, y una actualización posterior del tema o de una app puede hacer que reaparezca un fallo corregido.
Detalles: cada límite completo
Una corrección en el código fuente también tiene límites, y conviene conocerlos antes de elegir:
- Necesita acceso al código. Validiscan trabaja sobre un clon de su repositorio, una copia de su tema de Shopify o una exportación de su tema que sube su desarrollador. Usted o su desarrollador revisan el cambio antes de que salga a producción.
- Corrige lo que el código puede corregir. Algunos fallos requieren una decisión de contenido o de diseño que solo usted puede tomar, por ejemplo los subtítulos de los vídeos de sus productos. Para estos casos, Validiscan ofrece orientación (nivel MANUAL) en lugar de un cambio en su código.
- No alcanza lo que no está en su tema. Los elementos incrustados de terceros, como los widgets de pago o de chat, traen su propio código, que un cambio en su tema no modifica. No forman parte de un proyecto de Validiscan, y los PDF tampoco.
- Puede volver a romperse. Una actualización posterior del tema o de una app puede hacer que reaparezca un fallo corregido. La protección contra regresiones vuelve a escanear la tienda de forma programada e informa de un fallo que estaba corregido y ha reaparecido.
¿Qué debería preguntar a cualquier proveedor de accesibilidad?
Pregunte a cualquier proveedor de accesibilidad, Validiscan incluido, dónde está el cambio, si su desarrollador puede ver cada cambio antes de que salga a producción y qué queda en su tienda si deja de pagarle. Si un proveedor promete que su tienda se ajusta a la ley o que está protegida frente a reclamaciones legales, pregunte en qué se apoya esa promesa.
Estas preguntas sirven para cualquier proveedor, Validiscan incluido. Las respuestas muestran dónde acaba el trabajo y qué puede comprobar usted mismo. Tras cada pregunta figura la respuesta de Validiscan.
- ¿Dónde está el cambio: en los archivos de mi tema o en un script que alojan ustedes? Validiscan: en los archivos de su tema.
- ¿Puede mi desarrollador ver cada cambio antes de que salga a producción? Validiscan: sí. Un pull request tiene un commit por corrección, y un paquete de parches tiene un archivo de parche por corrección. Una copia sin publicar de un tema de Shopify se puede previsualizar y comprobar antes de que usted la publique.
- ¿Qué queda en mi tienda si dejo de pagarles? Validiscan: los cambios, porque forman parte de su código. La protección contra regresiones se puede cancelar para el final de cualquier mes.
- ¿Qué se ejecuta en los navegadores de mis visitantes que antes no estaba? Validiscan: ningún script aparte y nada que se cargue desde Validiscan. Cuando una corrección necesita un comportamiento nuevo, como un botón de pausa para un carrusel, añade código a los scripts del propio tema, que usted revisa junto con el resto del cambio.
- ¿Qué no está cubierto? Validiscan: los hallazgos que requieren decisiones sobre su propio contenido (nivel MANUAL), los elementos incrustados de terceros, como los widgets de pago o de chat, y los PDF.
- ¿Qué parte de las pruebas es automática y qué comprueba una persona? Validiscan: los escaneos automáticos señalan los fallos que se pueden demostrar a partir del código de una página, y no encuentran todos los fallos. Una lista de comprobación manual de 35 puntos, que una persona va revisando, cubre todos los criterios de las WCAG 2.2 que no comprueba ninguna regla y algunos que las reglas solo comprueban en parte. En los demás criterios, entre ellos el 1.1.1 Non-text Content, un resultado se basa solo en las comprobaciones automáticas. El método y las normas
- ¿Cómo se comprueban las correcciones cuando ya están en producción y qué registro recibo? Validiscan: un escaneo de verificación de las páginas afectadas y un Remediation Evidence Package fechado.
- ¿Qué afirman exactamente sobre el resultado? Validiscan: el paquete informa de la conformidad con los criterios de conformidad de las WCAG 2.1 AA y de las WCAG 2.2 AA, tal como se evaluaron en las páginas y fechas indicadas. Es evidencia de una evaluación y de un trabajo de corrección, no un certificado.
- ¿Prometen que mi tienda se ajusta a la ley o que está protegida frente a reclamaciones legales? Pregunte en qué se apoya esa promesa. Validiscan no hace ninguna promesa de ese tipo: si una tienda se ajusta a una ley es una valoración jurídica, que corresponde a usted y a su abogado.
Fuentes
3 fuentes, todas comprobadas para esta página el 6 de octubre de 2026.
Estados Unidos 2
- FTC Approves Final Order Requiring accessiBe to pay $1 Million · US Federal Trade Commission · · comprobado el
- 2024 Year-End ADA Web Lawsuit Report · UsableNet · comprobado el
Alemania 1
Empiece con una revisión gratuita de su tienda.
Envíe la dirección de su tienda. Validiscan la escanea y le responde con cada fallo que el escaneo pueda demostrar, con la página y el código.
Solicitar revisión gratuitaO escriba a info@validiscan.com.
Qué cubre la revisión gratuita y qué deja fuera- Usted envía
- la dirección de su tienda
- Páginas escaneadas
- hasta 15
- Usted recibe
- todos los fallos que el escaneo puede demostrar, con la página y el código
- En su tienda
- solo páginas públicas; sin inicio de sesión, nada comprado, ningún formulario enviado
- Lo que no es
- una auditoría completa