Auditoría de accesibilidad WCAG 2.1 AA explicada (para webs pyme)

WCAG 2.1 nivel AA es el estándar que su sitio debe cumplir, en cualquier jurisdicción. La EAA (UNE-EN 301 549 en España), el ADA Title III, el UK Equality Act, el AODA y la mayoría de leyes nacionales lo referencian — a veces 2.2 — como prueba medible.

Una auditoría WCAG es la verificación que indica cuán lejos está su sitio de esa marca. Este artículo explica qué hace la auditoría, la diferencia entre escaneo y revisión manual, y los cinco fixes que cierran la brecha en la mayoría de sitios pyme.

Los cuatro principios WCAG

• Perceptible. Alternativas textuales, subtítulos, contraste suficiente, contenido al 200% de zoom.
• Operable. Navegación con teclado, sin tiempos límite no ampliables, sin parpadeos peligrosos, focus claro.
• Comprensible. Idioma de página declarado, navegación consistente, errores claros.
• Robusto. HTML válido, ARIA correcto, mensajes de estado expuestos a lectores.

Qué detecta realmente un escaneo

Un escaneo con axe-core (el motor que usan Deque, Microsoft y Google) detecta de forma fiable:

• Atributos alt faltantes o vacíos en imágenes significativas
• Contraste insuficiente
• Etiquetas de formulario faltantes o mal asociadas
• Botones/enlaces sin nombre accesible
• Página sin atributo lang
• Encabezados desordenados (h1 → h3)
• Iframes sin título
• ARIA mal utilizado
• Medios con autoplay sin pausa

Qué solo detecta la revisión manual

Un escáner no puede decir si su contenido es comprensible. No puede decir si un alt describe bien la imagen — solo que existe. No puede decir si el orden de tabulación tiene sentido — solo que los elementos son alcanzables.

Los cinco fixes que mueven la aguja

1. Contraste. Texto normal ≥ 4,5:1; texto grande ≥ 3:1. La mayoría de paletas de marca tienen al menos una combinación que falla.
2. Etiquetas de formulario. Cada campo necesita un <label for="...">. El placeholder no es etiqueta.
3. Alt en cada imagen significativa. Decorativa → alt=""; informativa → descripción; funcional → describe la acción.
4. Estado de focus visible. La mayoría de resets CSS lo eliminan. Volver a añadirlo.
5. Estructura de landmarks y orden de encabezados. Un solo <h1>; sin saltarse niveles; header/nav/main/footer en su sitio.

La trampa del overlay

Vendedores de overlay — accessiBe, AudioEye, UserWay, EqualWeb — venden un snippet que promete cumplimiento. La FTC multó a accessiBe con 1 M USD en enero de 2025 por ese tipo de afirmación. Los overlays no leen intención — adivinan, y a menudo mal. Para evitar demandas, un overlay es peor que nada.

Veracly ejecuta axe-core contra su DOM real y reporta cada violación con el selector exacto y un fix listo para pegar. Un escaneo genera simultáneamente informes contra EAA, ADA, UK Equality Act y AODA. Lanzar escaneo gratis.