Los plugins o widgets de accesibilidad «de un clic» (también llamados overlays) añaden a tu web una barra con opciones como agrandar el texto, cambiar el contraste o leer en voz alta, y a veces intentan corregir el código de forma automática. Pueden ser un complemento, pero no hacen que una web sea accesible ni garantizan el cumplimiento del Acta Europea de Accesibilidad, aplicable desde el 28 de junio de 2025. La accesibilidad real está en el diseño, en el código y en el contenido: formularios bien etiquetados, navegación con teclado, contraste suficiente, textos alternativos y una estructura clara. Ningún script lo resuelve todo desde fuera.
Qué es un overlay de accesibilidad
Es un fragmento de código, normalmente de un proveedor externo, que se añade a la web y muestra un icono (muchas veces una figura humana dentro de un círculo). Al pulsarlo aparece un panel con opciones:
- Aumentar o reducir el tamaño de letra.
- Modo de alto contraste o escala de grises.
- Resaltar enlaces o pausar animaciones.
- Lectura en voz alta del contenido.
- Fuentes «más legibles» o espaciado ampliado.
Algunos van más allá y prometen usar inteligencia artificial para detectar y corregir automáticamente fallos de accesibilidad, como imágenes sin texto alternativo o botones sin nombre.
Por qué tienen tanto tirón
Es fácil entenderlo: llega una obligación legal, muchas empresas no saben por dónde empezar y alguien ofrece una solución que se instala en cinco minutos y viene con un sello de «cumplimiento». Es la versión digital de pintar la fachada para no arreglar las grietas.
Lo que no pueden hacer
No arreglan el código de fondo
Si un formulario no tiene etiquetas, si el menú solo se abre al pasar el ratón o si la ventana emergente atrapa el foco del teclado, el problema está en cómo se construyó la web. Un script que se carga después puede intentar parchearlo, pero a menudo lo hace de forma incompleta o inconsistente.
Duplican lo que ya hacen las personas que lo necesitan
Quien usa un lector de pantalla, un magnificador o la navegación por teclado ya tiene sus herramientas configuradas en su ordenador o móvil, adaptadas a sus necesidades. No necesita una barra distinta en cada web; necesita que la web funcione bien con lo que ya usa. Hay usuarios que incluso señalan que algunos overlays interfieren con sus tecnologías de apoyo.
No entienden el contexto
Un texto alternativo generado automáticamente puede decir «persona sonriendo junto a una mesa», cuando lo importante era «nuestra técnica revisando la instalación». Un enlace «leer más» corregido por máquina sigue sin explicar adónde lleva. Para que el contenido sea comprensible hace falta criterio humano.
Pueden empeorar el rendimiento
Son scripts externos que se cargan en todas las páginas. Suman peso, peticiones y trabajo para el navegador, y pueden perjudicar métricas como el INP. Lo explicamos en Core Web Vitals explicados sin tecnicismos.
No son un certificado
Ningún widget puede garantizar por sí solo que una web cumple las pautas WCAG o la normativa. Desconfía de las promesas de «cumplimiento total» o «protección legal» con una sola línea de código.
Entonces, ¿tienen alguna utilidad?
Algunas opciones, como pausar animaciones o ampliar el espaciado, pueden resultar cómodas a ciertos usuarios. Si te gustan, pueden convivir con una web bien hecha como un extra. El problema aparece cuando se usan en lugar de hacer el trabajo de fondo.
Lo que sí funciona
La accesibilidad de verdad se construye en tres capas:
| Capa | Qué incluye | Quién lo hace |
|---|---|---|
| Diseño | Contraste, tamaños, jerarquía visual, estados de foco visibles, no depender solo del color | Diseño UX/UI |
| Desarrollo | HTML semántico, formularios etiquetados, navegación con teclado, componentes accesibles | Desarrollo |
| Contenido | Textos alternativos útiles, encabezados ordenados, enlaces descriptivos, subtítulos | Quien publica contenido |
Y un proceso para mantenerla:
- Auditoría inicial contra WCAG 2.1 nivel AA, con herramientas automáticas y revisión manual.
- Corrección por plantillas: en una web o tienda, arreglar la plantilla de ficha de producto arregla todas las fichas.
- Pruebas reales con teclado y lector de pantalla.
- Formación a quien sube contenidos.
- Revisión periódica, sobre todo tras cambios de diseño, nuevos plugins o campañas.
Si te pilla de nuevas, en web accesible: qué es WCAG y por qué te afecta tienes una introducción, y si tienes tienda online, en tienda online: ¿WooCommerce o Shopify? repasamos las plataformas sobre las que trabajar.
Si ya tienes un overlay instalado
No hace falta quitarlo hoy mismo, pero sí:
- No lo des por solución. Haz una revisión real de la web con teclado y con herramientas como Lighthouse o WAVE.
- Comprueba que no estorba: que no tapa contenido en el móvil, que no atrapa el foco y que no ralentiza la web.
- Revisa lo que promete el contrato. Si dice que garantiza el cumplimiento, pregunta exactamente qué cubre y qué no.
- Planifica las correcciones de fondo, empezando por las páginas que más importan: contacto, servicios, carrito y checkout.
Preguntas frecuentes
¿Un overlay me libra de una reclamación? No hay garantía de ello. Lo que cuenta es que la web sea realmente usable por personas con discapacidad, no que tenga un botón.
¿Hacer la web accesible obliga a cambiar el diseño? Rara vez obliga a rehacerlo. Casi siempre se trata de ajustar colores, estados, etiquetas y componentes. Y si estás pensando en un rediseño, es el momento perfecto para incluirlo desde el inicio.
¿Y si mi empresa está exenta por ser microempresa? Aun así, una web accesible llega a más clientes, se usa mejor y suele posicionar mejor. No es solo una obligación.
En resumen
Los widgets de accesibilidad «de un clic» son, como mucho, un complemento. No sustituyen un diseño y un código accesibles, no entienden tu contenido y no garantizan el cumplimiento. Lo que funciona es trabajar la accesibilidad en diseño, desarrollo y contenido, y mantenerla. Si quieres saber cómo está tu web de verdad, en nuestro equipo de diseño UX/UI y desarrollo web hacemos auditorías y correcciones. Cuéntanos y lo vemos juntos.
¿Hablamos?