Servicio profesional · Garsen

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.

WCAG 2.2 AA + EN 301 549 Sin overlays 2–12 semanas
Definició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.

Diferencia clave

Overlays vs remediación real

Las organizaciones de personas con discapacidad desaconsejan los overlays. Te explicamos por qué.

Overlays · Lo que NO hacemos

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
Remediación · Lo que hacemos

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
Proceso

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ías

Priorizació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ías

Implementació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 alcance

Verificació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 proyecto

Entrega, 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 cierre
Qué corregimos

Tipos de errores que remediamos

Las categorías más frecuentes que detectamos en auditoría y que requieren trabajo directo sobre el código.

WCAG 1.4.3

Contraste de color

Ajuste de paletas, estados hover/focus y componentes UI para cumplir ratios 4.5:1 y 3:1.

WCAG 1.1.1

Imágenes sin alt

Generación de texto alternativo, diferenciando entre decorativas, informativas y funcionales.

WCAG 2.1.1

Navegación por teclado

Eliminación de trampas, gestión de foco en SPAs, estados focus visibles, orden lógico.

WCAG 4.1.2

ARIA mal implementado

Corrección de roles, estados y propiedades. Eliminación de ARIA innecesario cuando HTML nativo basta.

WCAG 3.3.2

Formularios no accesibles

Labels, instrucciones, mensajes de error comprensibles, validación accesible y recuperación.

WCAG 2.4.6

Encabezados y estructura

Jerarquía correcta de H1–H6, landmarks (header, nav, main, footer), semántica del documento.

WCAG 1.4.10

Reflow al 400% zoom

Ajustes de CSS responsive para que el contenido no se pierda al hacer zoom o reducir viewport.

WCAG 2.5.5

Target size táctil

Ampliación de áreas clicables a mínimo 24×24 CSS pixels para usuarios con motricidad reducida.

WCAG 1.2

Multimedia

Subtítulos, transcripciones, audiodescripciones y controles de reproducción accesibles.

Tecnologías

Stacks con los que trabajamos

Remediamos en cualquier tecnología web moderna, con conocimiento de los patrones accesibles de cada framework.

WordPressTemas, plugins, Gutenberg
ShopifyTemas Liquid, apps, checkout
React / Next.jsHooks, Radix UI, focus-trap
Vue / NuxtComposables, directivas
AngularCDK a11y, Material
Drupal / JoomlaThemes y módulos
Magento / PrestaE-commerce legacy
EstáticoAstro, 11ty, Hugo, Jekyll
Entregables

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.

En profundidad

Sobre la remediación de accesibilidad web

Overlays

¿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.

Alcance

¿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.

Colaboración

¿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.

Sostenibilidad

¿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.

Preguntas frecuentes

Dudas sobre la remediación

¿Trabajáis directamente sobre nuestro código o entregáis parches?

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.

¿Por qué os negáis a usar overlays si son más baratos?

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.

¿Necesito haber hecho una auditoría previa para contratar remediación?

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.

¿Qué pasa si vuestra corrección rompe algo del sitio?

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.

¿Garantizáis alcanzar conformidad WCAG 2.2 AA del 100%?

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.

¿Cuánto cuesta un proyecto de remediación típico?

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.

¿Podéis remediar solo partes concretas del sitio?

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.

¿Qué pasa si nuestro sitio usa un tema comprado que no podemos modificar?

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.