Accesibilidad web WCAG 2.2 AA: auditoría y remediación para cumplir la EAA
La European Accessibility Act (EAA) se aplica desde el 28 de junio de 2025 a productos y servicios digitales de consumo, e-commerce incluido. Cada estado miembro fija sus sanciones: en Alemania, el BFSG prevé multas de hasta 100.000€. Los overlays no son solución: la FTC multó a accessiBe con 1 M USD. Solo la remediación manual por expertos garantiza cumplimiento real.
- 94,8% Webs no cumplen WCAG
- 01 · Requisitos Lo que el negocio necesita
- 02 · Arquitectura Decisiones documentadas
- 03 · Código Revisado y probado
- 04 · Despliegue Automático y reversible
- 05 · Rendimiento Core Web Vitals en verde
- 06 · Evolución Tu equipo pide, nosotros entregamos
- Cada métrica marca la siguiente iteración
En cifras
La accesibilidad web en números
Datos reales que justifican actuar ahora.
- 100K€ Multa máxima (BFSG) Prevista en Alemania; cada estado miembro fija sus sanciones
- 3,24B USD Mercado 2034 Desde 1,42B en 2025 (CAGR 8,6%)
- 100+ Demandas por overlays Empresas demandadas por usar overlays en lugar de remediación
Qué incluye
Qué incluye nuestro servicio
Remediación real, no parches cosméticos.
- Auditoría WCAG 2.2 AA completa: análisis automatizado + revisión manual experta de todos los criterios de nivel A y AA
- Remediación de código: corrección de HTML semántico, ARIA, contraste, navegación por teclado y lectores de pantalla
- Monitorización continua: escaneo mensual automatizado + auditoría manual trimestral para mantener cumplimiento
- Declaración de accesibilidad: documento legal conforme a EN 301 549 para cumplimiento EAA
- Formación del equipo: talleres prácticos para diseñadores, desarrolladores y creadores de contenido
- Revisión de design system: componentes accesibles desde la base: colores, tipografías, formularios, modales
Por qué
Remediación manual vs overlays: por qué los atajos no funcionan
Los overlays de accesibilidad son un riesgo legal demostrado.
En enero de 2025, la FTC multó a accessiBe con 1 millón de USD por publicidad engañosa. Más de 100 empresas han sido demandadas por usar overlays como sustituto de remediación real. Los overlays añaden una capa JavaScript que intenta "arreglar" problemas sobre la marcha, pero: no corrigen HTML semántico roto, interfieren con lectores de pantalla como NVDA y JAWS, crean falsos positivos en herramientas de auditoría, y añaden peso al rendimiento de la página. Las herramientas automatizadas solo detectan el 30-40% de las barreras de accesibilidad. El resto requiere revisión manual por expertos que navegan con teclado, lectores de pantalla y dispositivos asistivos reales.
- 100+ Demandas contra overlays
- 1M USD Multa FTC a accessiBe
Definición
¿Qué es la accesibilidad web y por qué la EAA lo cambia todo?
La accesibilidad web garantiza que todas las personas, incluidas las que tienen discapacidades, puedan percibir, navegar e interactuar con sitios y aplicaciones web. El estándar internacional es WCAG 2.2 nivel AA, basado en cuatro principios: Perceptible, Operable, Comprensible y Robusto (POUR).
Resumen
Resumen ejecutivo
Lo que necesitas saber para decidir.
La European Accessibility Act (EAA) se aplica desde el 28 de junio de 2025. Las sanciones las fija cada estado miembro en su transposición: en Alemania, el BFSG prevé multas de hasta 100.000€. Las autoridades nacionales ya están implementando mecanismos de supervisión y sanción.
Más allá del cumplimiento legal, la accesibilidad es una ventaja competitiva: el 15% de la población tiene alguna discapacidad, los sitios accesibles tienen mejor SEO (Google premia HTML semántico), y las mejoras de usabilidad benefician a todos los usuarios. El mercado de remediación de accesibilidad crece al 8,6% anual hasta alcanzar 3.240 millones de USD en 2034.
- 100K€ Multa máxima (BFSG)
- 15% Población con discapacidad
- 8,6% CAGR del mercado
Para el CTO
Resumen para CTO / equipo técnico
Requisitos de implementación y estándares.
El cumplimiento WCAG 2.2 AA requiere: HTML5 semántico (landmarks, headings jerárquicos, listas), ARIA correctamente implementado (roles, states, properties, sin ARIA redundante), navegación completa por teclado (focus visible, sin trampas de foco, skip links), y contraste mínimo 4.5:1 para texto normal (3:1 para texto grande).
Las pruebas automatizadas con axe-core y Lighthouse cubren solo el 30-40% de los criterios WCAG. El otro 60-70% requiere testing manual con lectores de pantalla (NVDA, JAWS, VoiceOver), navegación por teclado, y validación con usuarios reales con discapacidad. Integramos tests de accesibilidad en CI/CD con Playwright y Pa11y, dentro de nuestro servicio de QA automation, para prevenir regresiones.
Tecnologías
- axe-core
- Lighthouse
- Pa11y
- WAVE
- NVDA
- JAWS
- VoiceOver
- TalkBack
- Playwright
- Cypress
- HTML5 semántico con landmarks ARIA correctos
- Navegación por teclado completa sin trampas de foco
- Contraste WCAG AA (4.5:1 texto / 3:1 texto grande)
- Tests de accesibilidad integrados en CI/CD (axe + Playwright)
- Monitorización continua con escaneo automatizado mensual
Para quién
¿Es para ti?
La EAA afecta a casi toda empresa que vende productos o servicios digitales en la UE.
Para quién
- E-commerce que vende a consumidores en la UE (obligación directa de la EAA).
- Banca, seguros y servicios financieros online.
- Telecomunicaciones y proveedores de servicios de comunicación.
- Sector público y organismos que ya deben cumplir EN 301 549.
- Cualquier empresa con web o app que atiende a consumidores europeos.
- Organizaciones que quieren ampliar su mercado al 15% de la población con discapacidad.
Para quién no
- Microempresas con menos de 10 empleados y facturación inferior a 2M€ (exentas por la EAA).
- Herramientas internas sin acceso de consumidores externos.
- Contenido audiovisual pregrabado anterior a la entrada en vigor (contenido legacy exento).
Claves
Paquetes de servicio
Soluciones adaptadas a cada fase de madurez.
- 01
Auditoría rápida WCAG
Análisis de las 5 páginas más visitadas contra WCAG 2.2 AA. Informe con severidad, impacto en usuarios y estimación de esfuerzo de remediación. Ideal para conocer tu punto de partida.
- 02
Auditoría completa + remediación
Auditoría exhaustiva de todo el sitio (automatizada + manual). Remediación de código por nuestros desarrolladores: HTML semántico, ARIA, teclado, contraste, formularios, contenido multimedia. Incluye re-test post-corrección.
- 03
Monitorización continua
Escaneo automatizado mensual + auditoría manual trimestral. Alerta temprana ante regresiones por actualizaciones de contenido o nuevas funcionalidades. Informe de cumplimiento para auditorías regulatorias.
- 04
Formación en accesibilidad
Talleres prácticos para equipos de diseño, desarrollo y contenido. Cómo crear componentes accesibles desde cero, escribir textos alternativos efectivos, y testear con lectores de pantalla.
- 05
Revisión de design system
Auditoría de tu librería de componentes (Storybook, Figma). Aseguramos que cada componente (botones, modales, formularios, navegación) es accesible por defecto antes de llegar a producción.
Cómo trabajamos
Proceso de trabajo
De diagnóstico a cumplimiento verificado.
- 01
Auditoría
Escaneo automatizado con axe-core, Lighthouse y Pa11y + revisión manual experta con lectores de pantalla (NVDA, JAWS, VoiceOver), navegación por teclado y validación de contraste. Informe con cada barrera, severidad WCAG, y usuarios afectados.
- 02
Priorización
Clasificamos cada barrera por impacto en usuarios + riesgo legal + esfuerzo de corrección. Las barreras nivel A (perceptibilidad básica, navegación por teclado) van primero. Entregamos hoja de ruta priorizada.
- 03
Remediación
Nuestros desarrolladores corrigen el código: HTML semántico, atributos ARIA, manejo de foco, contraste, textos alternativos, subtítulos. Re-test tras cada sprint para validar correcciones.
- 04
Monitorización
Tests automatizados integrados en CI/CD para prevenir regresiones. Escaneo mensual + auditoría manual trimestral. Declaración de accesibilidad actualizada conforme a EN 301 549.
Riesgos y cómo los cubrimos
Riesgos que mitigamos
De la exposición legal a la conformidad verificada.
- 01
Multas por incumplir la EAA (hasta 100.000€ en Alemania)
MitigaciónAuditoría WCAG 2.2 AA completa + remediación + declaración de accesibilidad conforme a EN 301 549. Documentación de cumplimiento para auditorías regulatorias.
- 02
Dependencia de overlays (riesgo de demanda)
MitigaciónEliminación de overlays y remediación genuina del código fuente. Corrección de HTML semántico, ARIA y navegación que las herramientas automáticas no pueden parchear.
- 03
Regresiones tras actualizaciones
MitigaciónTests de accesibilidad integrados en CI/CD con axe-core y Playwright. Escaneo mensual automatizado + auditoría manual trimestral para detectar nuevas barreras.
- 04
Equipo sin conocimiento de accesibilidad
MitigaciónFormación práctica para diseñadores, desarrolladores y creadores de contenido. Guías de componentes accesibles integradas en el design system.
Tecnologías
Herramientas y estándares
Tecnología profesional de accesibilidad.
- axe-core
- Lighthouse
- Pa11y
- WAVE
- NVDA
- JAWS
- VoiceOver
- TalkBack
- Playwright
- Cypress
- WAI-ARIA
- HTML5 Semántico
- WCAG 2.2
- EN 301 549
- Siteimprove
- Color Contrast Analyzer
La prueba
Experiencia real en accesibilidad web
Desde 2009 desarrollamos sitios web con estándares de accesibilidad. Nuestro equipo de desarrollo domina HTML semántico, ARIA, y testing con tecnología asistiva. No somos consultores que entregan PDFs: somos desarrolladores que corrigen el código y verifican con lectores de pantalla reales.
- 15+ Años en desarrollo web
Por qué
Accesibilidad y SEO: dos caras de la misma moneda
Un sitio accesible posiciona mejor en Google.
Google premia el HTML semántico, la estructura de headings correcta, los textos alternativos en imágenes, y la velocidad de carga: exactamente lo que WCAG exige. Los sitios accesibles tienen mejor puntuación en Core Web Vitals, menor tasa de rebote, y mayor tiempo de permanencia. Un estudio de Semrush demostró que las webs que cumplen WCAG AA obtienen de media un 12% más de tráfico orgánico que sus competidores no accesibles. Si estás renovando tu web, nuestro equipo de diseño web aplica WCAG desde el primer wireframe.
- AA WCAG 2.2
- +12% SEO
- ✓ Teclado
Preguntas frecuentes
Preguntas frecuentes
Lo que las empresas preguntan sobre accesibilidad web y la EAA.
¿Qué es la European Accessibility Act (EAA)?
La EAA (Directiva 2019/882) es la ley europea de accesibilidad, aplicable desde el 28 de junio de 2025. Obliga a las empresas que ofrecen productos o servicios digitales a consumidores de la UE a cumplir requisitos de accesibilidad armonizados basados en EN 301 549 (que referencia WCAG 2.1 AA como mínimo). Afecta a e-commerce, banca, telecomunicaciones, transporte y servicios audiovisuales.
¿Quién debe cumplir la EAA?
Toda empresa que ofrezca productos o servicios digitales a consumidores en la UE, independientemente de dónde esté la sede. Esto incluye: tiendas online, banca digital, plataformas de telecomunicaciones, servicios de transporte, y servicios audiovisuales. Las microempresas (menos de 10 empleados y menos de 2M€ de facturación) están exentas.
¿Qué es WCAG 2.2 y qué nivel debo cumplir?
WCAG 2.2 (Web Content Accessibility Guidelines) es el estándar internacional del W3C con 86 criterios de éxito organizados en tres niveles: A (mínimo), AA (recomendado) y AAA (óptimo). El nivel AA es la referencia legal en la UE: la norma EN 301 549 cita formalmente WCAG 2.1 AA, y auditar contra WCAG 2.2 AA cubre esos criterios e incorpora los 9 nuevos de la versión 2.2. Cubre cuatro principios: Perceptible, Operable, Comprensible y Robusto.
¿Qué normativa de accesibilidad aplica en España?
El sector público español debe cumplir el Real Decreto 1112/2018 (accesibilidad de sitios web y apps del sector público, basado en EN 301 549). Para el sector privado, la Ley 11/2023 transpone la EAA: desde el 28 de junio de 2025 obliga a e-commerce, banca, telecomunicaciones y otros servicios de consumo. La regulación digital europea avanza en paralelo: si tu empresa usa IA, revisa también nuestro servicio de cumplimiento de la Ley de IA.
¿Por qué no debo usar overlays de accesibilidad?
Los overlays (accessiBe, UserWay, AudioEye) son capas JavaScript que intentan "arreglar" barreras sobre la marcha, pero: no corrigen HTML semántico roto, interfieren con lectores de pantalla, crean falsos positivos en auditorías, y añaden peso al rendimiento. La FTC multó a accessiBe con 1 M USD en enero de 2025 por publicidad engañosa. Más de 100 empresas han sido demandadas por usar overlays como sustituto de remediación real.
¿Cuánto tiempo lleva la remediación?
Depende del tamaño y complejidad del sitio. Una auditoría rápida de 5 páginas: 1-2 semanas. Auditoría completa + remediación de un sitio mediano (50-100 páginas): 6-10 semanas. Sitios grandes o aplicaciones web complejas: 3-6 meses. Empezamos por las barreras nivel A (las más críticas) para reducir riesgo legal desde el primer sprint.
¿Cuánto cuesta hacer mi web accesible?
Auditoría rápida WCAG (5 páginas): desde 1.500€. Auditoría completa + remediación: desde 5.000€. El coste depende del tamaño del sitio, la gravedad de las barreras existentes, y si incluimos formación del equipo. Monitorización continua: desde 500€/mes. Es una inversión significativamente menor que una sanción por incumplimiento de la EAA.
¿Necesito monitorización continua?
Sí. La accesibilidad no es un proyecto puntual. Cada actualización de contenido, nueva funcionalidad, o cambio de diseño puede introducir regresiones. La EAA exige cumplimiento continuado, no solo una auditoría inicial. Recomendamos escaneo automatizado mensual + auditoría manual trimestral + tests en CI/CD.
¿La accesibilidad web afecta al SEO?
Sí, positivamente. Google premia HTML semántico, headings correctos, textos alternativos, y velocidad de carga: los mismos elementos que WCAG exige. Los sitios accesibles tienen mejor puntuación en Core Web Vitals, menor tasa de rebote, y mayor engagement. Estudios muestran hasta un 12% más de tráfico orgánico en sitios conformes con WCAG AA.
¿Qué pasa con la accesibilidad en apps móviles?
La EAA también cubre aplicaciones móviles. Los principios son los mismos (WCAG + requisitos específicos móviles de EN 301 549): gestos alternativos, tamaño de target táctil mínimo de 44x44 px, compatibilidad con VoiceOver (iOS) y TalkBack (Android), y orientación de pantalla flexible. Auditamos y remediamos tanto web como apps nativas e híbridas.
Qué incluye
Inversión
Propuesta adaptada a tu nivel de cumplimiento actual.
- Auditoría rápida WCAG (5 páginas): desde 1.500€
- Auditoría completa + remediación: desde 5.000€
- Monitorización continua: desde 500€/mes
- Sin permanencia: cancelación con 30 días de preaviso
Siguiente paso
La EAA se aplica desde el 28 de junio de 2025: ponte al día
El 94,8% de las webs no cumple WCAG. Los overlays no son solución. Solicita una auditoría de accesibilidad y conoce el estado real de tu sitio.
- Sin compromiso
- Respuesta en 24h
- Propuesta personalizada
Casos de éxito
Proyectos donde lo aplicamos
Teatre Nacional de Catalunya
Institut de Cultura de Barcelona
Fundació Ampans
Hablemos.
Consulta técnica inicial
IA, seguridad y rendimiento. Diagnóstico y propuesta cerrada por fases.
- NDA disponible
- Respuesta <24h
- Propuesta por fases
Tu primera reunión es con un Arquitecto de Soluciones, no con un comercial.
Hablar con un arquitectoArtículos relacionados
