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

El nivel AA es el listón que su sitio debe superar, en cualquier jurisdicción. Donde divergen los regímenes es en la versión, y la diferencia no es cosmética. La EAA no cita ninguna versión en su articulado: llega a WCAG 2.1 AA a través de la norma armonizada EN 301 549 (adoptada en España como UNE-EN 301 549 y transpuesta por la Ley 11/2023). El ADA Title III no cita estándar técnico alguno, y la jurisprudencia estadounidense ha trabajado de hecho con 2.0 y luego 2.1 AA. El UK Equality Act 2010 tampoco cita ninguna, aunque los organismos públicos británicos se auditan contra WCAG 2.2 AA desde octubre de 2024. El AODA de Ontario sigue exigiendo expresamente WCAG 2.0 AA (O. Reg. 191/11 §14) y nunca se ha modificado.

WCAG 2.2 AA es un superconjunto estricto de todas ellas. Por eso es el objetivo sensato, y por eso Veracly analiza contra esa versión.

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:

• Imágenes sin ningún atributo alt. Un alt="" vacío pasa la prueba, porque ninguna máquina distingue una imagen decorativa de una significativa
• Contraste insuficiente
• Etiquetas de formulario faltantes o mal asociadas
• Botones/enlaces sin nombre accesible
• Página sin atributo lang
• Encabezados vacíos, y párrafos con estilo de encabezado
• 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.

El orden de encabezados entra en la misma categoría. axe-core ve el salto de un h1 a un h3, pero eso es una señal de buena práctica, no el incumplimiento de un criterio de éxito: Veracly no lo puntúa en ninguna jurisdicción. Si su estructura de encabezados describe realmente la página es un juicio humano.

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 lo puntúa contra el superconjunto WCAG 2.2 AA, es decir, los conjuntos de reglas 2.0, 2.1 y 2.2 A/AA juntos. Cada violación inequívoca se reporta con el selector CSS exacto: hasta tres elementos fallidos por problema en un escaneo gratuito, cinco en uno de pago.

Deliberadamente no reportamos los resultados que axe marca como «requiere revisión», porque un quizá no es un hallazgo. Esa decisión tiene un coste real que conviene conocer: el texto sobre una fotografía, un degradado o un fondo semitransparente casi siempre acaba ahí, así que no aparecerá como fallo de contraste en su informe aunque un revisor humano sí lo señalaría.

Un escaneo evalúa a la vez todos los conjuntos de reglas aplicables a sus mercados: EAA, ADA, UK Equality Act y, si Canadá está en el alcance, AODA. Un escaneo gratuito cubre una página e infiere un solo país, de modo que no producirá las cuatro fichas. Los fixes redactados para desarrollo y las explicaciones con IA para cada hallazgo y no solo para los tres primeros solo se generan en escaneos de pago. Lanzar escaneo gratis.