Accesibilidad web y European Accessibility Act 2025: guía WCAG 2.2

El 28 de junio de 2025, el European Accessibility Act (Directiva UE 2019/882) entró en aplicación tras 5 años de transición. Casi todas las pymes europeas con actividad en línea están ahora afectadas, y la conformidad WCAG 2.2 nivel AA ya no es opcional. Esto es lo que hay que saber y hacer en 2026 para mantenerse del lado correcto de la ley — y para hacer simplemente su sitio utilizable por los 87 millones de europeos con discapacidad.

1. ¿Qué es el European Accessibility Act?

La EAA (Directiva 2019/882) armoniza las reglas de accesibilidad digital en la Unión Europea. Adoptada en 2019, transpuesta por los Estados miembros entre 2020 y 2022, entró en aplicación el 28 de junio de 2025 — con retroactividad para los servicios existentes.

Estándar técnico de referencia: EN 301 549 v3.2.1, alineado directamente con WCAG 2.1 AA (extensión WCAG 2.2 prevista en 2027). En la práctica, en 2026, apuntar a WCAG 2.2 AA se ha convertido en el estándar de industria.

2. ¿Quién está afectado en 2026?

Lista no exhaustiva de empresas afectadas por la EAA:

• E-commerce B2C — Toda tienda online que venda a consumidores en UE (Shopify, WooCommerce, Magento, custom)
• Servicios bancarios online — Sitios y apps de bancos, neobancos, servicios de pago
• Transporte de viajeros — Sitios de venta de billetes, info tráfico, apps de movilidad
• Telecomunicaciones — Operadores de teléfono/internet, sitios de contratación y gestión de cuenta
• Servicios digitales — SaaS, plataformas de reservas, marketplaces, servicios audiovisuales
• Libros digitales y lectores — Editores de ebooks, vendedores de readers

Exención microempresa: empresa con menos de 10 empleados Y menos de 2 millones € de facturación anual. Criterios acumulativos — superar uno solo = conformidad obligatoria.

3. WCAG 2.2 nivel AA: 50 criterios clave

WCAG 2.2 nivel AA contiene 50 criterios de éxito organizados en 4 principios: Perceptible, Operable, Comprensible, Robusto (POUR). Los más impactantes para una pyme:

4. Auditoría de accesibilidad: herramientas y método

Metodología OptionWeb en 3 niveles:

1. Auditoría automática — cubre 30-40% de los problemas en 30 minutos
2. Auditoría manual — cubre el 60-70% restante en 4-8 horas
3. Pruebas con usuarios reales — validación final con personas con discapacidad

5. Correcciones prioritarias (por impacto)

Top 10 correcciones que resuelven el 80% de los problemas de accesibilidad en un sitio pyme:

1. Añadir alt text descriptivo a todas las imágenes de contenido (alt vacío para decorativas)
2. Verificar contraste 4.5:1 en todo el texto (Stark, axe o Color Contrast Analyser)
3. Probar navegación con teclado completa: Tab + Shift+Tab + Enter + Espacio + flechas
4. Añadir focus rings visibles 2-4px (nunca outline: none sin alternativa)
5. Asociar cada <input> con un <label for> o un <label> envolvente
6. Añadir ARIA roles/labels en componentes custom (modal, dropdown, tabs)
7. Verificar jerarquía de headings: H1 único por página, orden lógico sin saltos
8. Permitir zoom 200% sin desbordamiento ni scroll horizontal
9. Convertir tamaño de objetivo a mín. 24×24 píxeles CSS (botones, enlaces clicables)
10. Skip link 'Ir al contenido principal' al inicio de página (visible al foco)

export function SkipLink() {
  return (
    <a
      href="#main-content"
      className="absolute left-0 top-0 -translate-y-full bg-cyan-300 text-black px-4 py-2 z-[100] focus:translate-y-0 transition-transform"
    >
      Aller au contenu principal
    </a>
  );
}

6. Declaración de accesibilidad

Documento obligatorio en página dedicada (enlace en el footer), a actualizar anualmente. Debe contener:

• Nivel de conformidad alcanzado — Totalmente conforme / Parcialmente conforme / No conforme
• Metodología de evaluación — Auditoría interna o externa, herramientas usadas, fecha de la auditoría
• Estándares aplicados — WCAG 2.2 AA, EN 301 549, RGAA si Francia
• Lista de contenidos no accesibles conocidos — Con calendario de puesta en conformidad
• Contenidos exentos — Si aplica (carga desproporcionada, archivos) con justificación
• Datos de contacto — Email/formulario para solicitar una versión accesible
• Vía de recurso — Mención del derecho a recurrir a la autoridad competente (ARCOM en Francia, AENOR/Defensor del Pueblo en España)

7. Sanciones y riesgos

Nivel de riesgo según el país:

Riesgos relacionados a menudo más costosos que la multa:

• Acción colectiva — Posible en Francia y Bélgica, daños acumulativos potencialmente importantes
• Pérdida de contratos públicos — Cláusulas de accesibilidad obligatorias en licitaciones
• Daño reputacional — Listas públicas de sitios no conformes por asociaciones (ONCE, CERMI)
• Pérdida de audiencia — 15-20% de la población europea con discapacidad

Checklist de conformidad 2026

• Aplicabilidad EAA confirmada — Verificación del alcance + exención microempresa
• Auditoría completa realizada — Auto + manual + tests con usuarios en 12 meses
• Top 10 correcciones aplicadas — Alt, contraste, foco, labels, ARIA, jerarquía, zoom, target, skip link
• Declaración de accesibilidad publicada — Página dedicada, enlace en footer, actualización anual
• Tests integrados en CI/CD — jest-axe o Playwright + axe-core en cada PR
• Formación de equipos editoriales — Redacción de alt text, contraste, estructura
• Auditoría externa anual programada — Validación por experto externo