Remediación de accesibilidad sin overlays
Corregimos las barreras reales directamente en tu código fuente — HTML, CSS, ARIA y JavaScript. Sin widgets mágicos, sin parches cosméticos. Conformidad WCAG 2.2 AA verificada tras la implementación.
La remediación de accesibilidad web es el proceso de corregir los errores de conformidad WCAG detectados en una auditoría, trabajando directamente sobre el código fuente del sitio. A diferencia de los overlays comerciales (AccessiBe, UserWay, EqualWeb), que inyectan JavaScript en tiempo de ejecución sin resolver los problemas estructurales, la remediación real modifica el HTML semántico, los atributos ARIA, el CSS y los handlers de JavaScript para que el sitio sea accesible por diseño. Es la única forma de alcanzar conformidad WCAG 2.2 AA auditable y sostenible ante la European Accessibility Act. Los proyectos típicos duran entre 2 y 12 semanas según el alcance, y cada corrección se verifica con WCAG Guard y con testing manual en NVDA, JAWS y VoiceOver.
Overlays vs remediación real
Las organizaciones de personas con discapacidad desaconsejan los overlays. Te explicamos por qué.
Widgets automáticos
- Inyectan JavaScript que intenta adivinar la estructura del sitio
- No corrigen HTML semántico ni atributos ARIA mal puestos
- Rompen compatibilidad con NVDA, JAWS y VoiceOver reales
- Crean falsa sensación de cumplimiento sin evidencia
- Demandas ADA documentadas en EE.UU. contra sitios con overlays
- Desaconsejados por WebAIM, CERMI y usuarios reales
Corrección directa del código
- Modificamos HTML, CSS, ARIA y JavaScript en tu repositorio
- Resolvemos causas raíz, no síntomas
- Verificación real con NVDA, JAWS y VoiceOver
- Conformidad WCAG 2.2 AA auditable y trazable
- Pull requests revisables y changelog técnico completo
- Soluciones sostenibles que no se rompen con cambios futuros
Cómo trabajamos la remediación
5 fases que integran tu flujo de trabajo (Git, CI/CD, staging) con garantía de verificación post-implementación.
Auditoría técnica de entrada
Si no existe una auditoría previa reciente, realizamos un diagnóstico técnico con WCAG Guard + revisión manual de los flujos críticos. Cada hallazgo se clasifica por severidad, criterio WCAG y complejidad de corrección.
2–5 díasPriorización y acceso al repositorio
Priorizamos las correcciones por impacto en el usuario y complejidad técnica. Acordamos el modelo de colaboración: acceso directo a vuestro repositorio (Git), entrega de parches o trabajo en branch de staging. Firmamos NDA si es necesario.
1–2 díasImplementación de correcciones
Trabajamos sobre tu código siguiendo las convenciones del proyecto: estructura de carpetas, estilo de código, framework, librerías. Cada corrección va en un commit atómico con descripción técnica, criterio WCAG mapeado y antes/después verificable.
Usamos ramas separadas para cada grupo de correcciones, de modo que el equipo cliente puede revisar y mergear por bloques.
1–10 semanas según alcanceVerificación técnica
Cada corrección se verifica con WCAG Guard (automatizado) y con testing manual en NVDA, JAWS y VoiceOver. Las regresiones se detectan antes del merge gracias a la integración del escaneo en CI/CD.
Generamos un informe post-remediación que compara la línea base con el estado final, criterio a criterio.
Continuo durante el proyectoEntrega, documentación y handoff
Entregamos changelog técnico completo, documentación de patrones accesibles (para que el equipo cliente replique en código nuevo) y una sesión de handoff con el equipo técnico para explicar las decisiones de diseño y las buenas prácticas aplicadas.
Si quieres, configuramos WCAG Guard para monitorización continua post-entrega y evitar regresiones futuras.
3–5 días de cierreTipos de errores que remediamos
Las categorías más frecuentes que detectamos en auditoría y que requieren trabajo directo sobre el código.
Contraste de color
Ajuste de paletas, estados hover/focus y componentes UI para cumplir ratios 4.5:1 y 3:1.
Imágenes sin alt
Generación de texto alternativo, diferenciando entre decorativas, informativas y funcionales.
Navegación por teclado
Eliminación de trampas, gestión de foco en SPAs, estados focus visibles, orden lógico.
ARIA mal implementado
Corrección de roles, estados y propiedades. Eliminación de ARIA innecesario cuando HTML nativo basta.
Formularios no accesibles
Labels, instrucciones, mensajes de error comprensibles, validación accesible y recuperación.
Encabezados y estructura
Jerarquía correcta de H1–H6, landmarks (header, nav, main, footer), semántica del documento.
Reflow al 400% zoom
Ajustes de CSS responsive para que el contenido no se pierda al hacer zoom o reducir viewport.
Target size táctil
Ampliación de áreas clicables a mínimo 24×24 CSS pixels para usuarios con motricidad reducida.
Multimedia
Subtítulos, transcripciones, audiodescripciones y controles de reproducción accesibles.
Stacks con los que trabajamos
Remediamos en cualquier tecnología web moderna, con conocimiento de los patrones accesibles de cada framework.
Qué recibes al finalizar
Código corregido en tu repositorio
Commits atómicos con descripción técnica y criterio WCAG mapeado. Listos para code review y merge.
Changelog técnico completo
Documento con todos los cambios aplicados, ordenados por criterio WCAG y severidad.
Informe comparativo antes/después
Score de conformidad, número de hallazgos críticos y evolución medida con WCAG Guard.
Guía de patrones accesibles
Documentación de las soluciones aplicadas para que el equipo replique los patrones en código nuevo.
Verificación con lectores de pantalla
Evidencia documentada del testing manual con NVDA, JAWS y VoiceOver sobre los flujos críticos.
Sesión de handoff técnico
Reunión de 60–90 minutos con el equipo técnico para explicar decisiones y responder dudas.
Sobre la remediación de accesibilidad web
¿Por qué los overlays no son una solución válida?
Los overlays comerciales (AccessiBe, UserWay, EqualWeb, AudioEye, accessWidget) son widgets JavaScript que se cargan en el navegador e intentan "arreglar" los problemas de accesibilidad en tiempo de ejecución mediante análisis automático del DOM. El problema es que no corrigen las causas estructurales: si tu HTML usa un div como botón, el overlay no puede convertirlo en un botón semántico real para NVDA o JAWS.
Además, los overlays interfieren activamente con las tecnologías de asistencia que los usuarios ya tienen configuradas, creando experiencias inconsistentes. En Estados Unidos hay demandas ADA documentadas contra sitios que usaban overlays. Organizaciones como WebAIM, el CERMI en España y colectivos internacionales de personas con discapacidad los desaconsejan explícitamente.
¿Cuánto tarda remediar un sitio web y de qué depende?
El plazo depende de tres variables: número de hallazgos (una auditoría estándar identifica entre 50 y 300 hallazgos distintos), complejidad técnica (¿son correcciones CSS simples o requieren refactorizar componentes JavaScript?) y disponibilidad del código (¿trabajamos sobre código abierto o temas propietarios cerrados?).
Los rangos habituales son: 2–4 semanas para remediaciones ligeras; 4–8 semanas para remediaciones medias que incluyen refactor de componentes custom y gestión de foco; 8–12 semanas para remediaciones completas de sitios grandes con áreas autenticadas, checkout ecommerce o aplicaciones SaaS complejas.
¿Cómo colaboráis con nuestro equipo técnico?
Ofrecemos varios modelos: acceso directo al repositorio (GitHub, GitLab, Bitbucket) con ramas dedicadas y pull requests revisables; entrega de patches que vuestro equipo aplica internamente si no podéis dar acceso externo; o trabajo en branch de staging aislado con merge final supervisado por vosotros.
En todos los casos seguimos las convenciones de tu proyecto: estilo de código, estructura de carpetas, commit conventions, linter. No imponemos cambios arquitectónicos. Si el proyecto tiene tests, nos aseguramos de que sigan pasando. Si tiene CI/CD, integramos WCAG Guard para verificación continua.
¿Cómo evitar que aparezcan nuevos errores después de la remediación?
La remediación resuelve los problemas actuales, pero sin cambios en el proceso de desarrollo los errores volverán con cada nueva funcionalidad. Por eso recomendamos combinar la remediación con dos elementos: monitorización continua con WCAG Guard integrado en CI/CD para detectar regresiones antes del merge, y formación del equipo para que entiendan los patrones accesibles aplicados.
Para organizaciones más grandes, ofrecemos un retainer mensual con horas reservadas para remediación de nuevos hallazgos, revisión de componentes antes de salir a producción y soporte técnico a developers.
Dudas sobre la remediación
Ambos modelos son posibles. Preferimos el acceso directo al repositorio (GitHub, GitLab, Bitbucket) con ramas dedicadas y pull requests revisables, porque nos permite seguir las convenciones del proyecto y facilita la revisión por parte de tu equipo. Si la política de tu empresa no permite dar acceso externo, entregamos patches (git format-patch) o archivos modificados para que aplique vuestro equipo internamente. Firmamos NDA siempre que sea necesario.
Porque no funcionan. Los overlays no resuelven problemas estructurales del HTML y rompen compatibilidad con lectores de pantalla reales. En Estados Unidos hay demandas ADA documentadas contra sitios que solo usaban overlays. Organizaciones de personas con discapacidad los desaconsejan explícitamente. Pagar por un overlay es pagar por una falsa sensación de cumplimiento sin la evidencia verificable que exige la EAA. No ofrecemos el servicio porque iría contra los intereses del cliente.
No estrictamente. Si ya tienes una auditoría reciente (propia o de terceros), la usamos como punto de partida. Si no, incluimos en el proyecto una auditoría técnica de entrada de 2–5 días que identifica los hallazgos y nos permite priorizar correctamente. Ambos enfoques son válidos, pero siempre necesitamos un diagnóstico antes de empezar a corregir.
Trabajamos en ramas separadas que nunca tocan directamente producción. Cada cambio pasa por vuestra code review antes del merge. Si el proyecto tiene tests automatizados, nos aseguramos de que sigan pasando antes de entregar. Si tras el merge se detecta alguna regresión funcional atribuible a la remediación, la corregimos sin coste adicional durante los 30 días posteriores a la entrega.
Nos comprometemos a corregir todos los hallazgos identificados en el alcance acordado y verificar el resultado con WCAG Guard y testing manual. No afirmamos "100% accesible" como garantía legal porque el cumplimiento WCAG depende también del contenido futuro que publique el cliente. Lo que sí podemos asegurar es que, al cierre del proyecto, los criterios del alcance quedan conformes y trazablemente verificados. Esa es la base sobre la que luego se elabora una declaración de accesibilidad verificable.
El precio depende del número de hallazgos, la complejidad técnica y el stack. No damos precios cerrados sin ver primero el sitio porque varían mucho entre proyectos. Lo que sí hacemos es una evaluación gratuita de alcance: tras una llamada inicial y un escaneo automatizado con WCAG Guard, te enviamos un presupuesto cerrado por fases. Puedes contratar solo la primera fase (correcciones críticas) para reducir riesgo y decidir sobre la marcha si seguir adelante.
Sí. Muchos clientes empiezan priorizando los flujos críticos (home, páginas de producto, checkout, formulario de contacto) y dejan el resto para fases posteriores. Es una buena estrategia para reducir el riesgo legal a corto plazo sin asumir un proyecto enorme de golpe. En la propuesta inicial definimos claramente qué está dentro y qué fuera del alcance.
Depende de las limitaciones concretas. En WordPress usamos child themes y hooks/filters para no tocar el tema padre, lo que permite mantener las actualizaciones sin perder las correcciones. En Shopify duplicamos el tema y trabajamos sobre la copia. Para temas propietarios muy cerrados, evaluamos si es técnicamente posible remediar con CSS y JavaScript de capa superior, o si es más rentable migrar a un tema accesible desde el inicio. En la auditoría de entrada te damos una recomendación honesta.
Deja que corrijamos el código por ti
Sin overlays, sin parches cosméticos, sin falsas promesas. Corrección real, verificada y documentada. Primera evaluación gratuita sin compromiso.