Herramienta gratis · Accesibilidad

Validador WCAG 2.2 para tu sitio web

Descubre en qué punto está tu sitio en cada uno de los 55 criterios de conformidad de WCAG 2.2 de nivel A y AA. Cada criterio recibe uno de cuatro estados, para que sepas qué han cubierto las pruebas automatizadas y qué tiene que comprobar todavía una persona.

Gratis. Prueba hasta cinco páginas clave en aproximadamente un minuto.

Qué comprueba esta herramienta

  • Todos los criterios de nivel A y AA

    Los 55 criterios, 31 de nivel A y 24 de nivel AA, en el orden de WCAG y con su número y su nombre. El 4.1.1 Procesamiento no se incluye porque WCAG 2.2 lo declara obsoleto.

  • Resultados automatizados vinculados a criterios

    Las reglas de axe-core se ejecutan en la página que introduces y en hasta cuatro páginas clave, y cada resultado se vincula a los criterios de conformidad que comprueba esa regla. Un criterio falla cuando cualquiera de sus reglas falla en cualquiera de las páginas probadas.

  • Evidencias del teclado

    Una prueba de 40 pulsaciones de Tab en la primera página aporta datos al 2.1.2 Sin trampas para el foco del teclado y, como heurística que se muestra para revisión, al 2.4.7 Foco visible.

  • Los resultados sin decidir, aparte

    Cuando una regla no puede llegar a un veredicto, por ejemplo con un texto sobre una imagen, sus criterios muestran «Requiere revisión» en lugar de un resultado de cumplimiento o de fallo.

  • Carencias visibles en lugar de una puntuación

    Los criterios que ninguna regla automatizada cubre se marcan como «Comprobación manual». No se promedia nada en un porcentaje que ocultaría lo que no se ha probado.

Qué no puede comprobar

  • Decidir los criterios que requieren el juicio de una persona, como 1.4.10 Reajuste, 1.4.11 Contraste no textual, los criterios 1.2 sobre subtítulos y audiodescripción, y los criterios 3.3.1 a 3.3.4 sobre errores en formularios.
  • Convertir «Sin fallos automáticos» en un cumplimiento. Una regla que se ejecutó y se superó solo cubre lo que esa regla comprueba.
  • Elaborar una declaración de conformidad, una declaración de accesibilidad o un VPAT. La conformidad la evalúan personas, sobre páginas completas y procesos completos.
  • Probar el nivel AAA, ni páginas más allá de las cinco del análisis.
  • Llegar a los pasos que hay detrás de un inicio de sesión o de un proceso de pago, donde suelen aplicarse criterios como 3.3.7 Entrada redundante y 3.3.8 Autenticación accesible.

Por qué es importante

WCAG está redactada en forma de criterios de conformidad, y así es como describen un sitio los auditores, los equipos de compras y las declaraciones de accesibilidad. Una lista de reglas que fallan te dice qué corregir. Una vista por criterios te dice qué puedes afirmar sobre el sitio y qué todavía no.

Las herramientas automatizadas abarcan menos de la mitad de los criterios de nivel A y AA: axe-core vincula sus reglas a unos 25 de los 55. Para el resto no existe una prueba automatizada fiable. El software no puede saber si un mensaje de error sugiere una corrección (3.3.3) ni si una página sigue funcionando con 320 píxeles CSS de ancho (1.4.10). Mostrarlos como comprobaciones manuales indica dónde todavía hay que hacer pruebas.

Incluso un criterio sin fallos automáticos puede no cumplirse. Las reglas del 1.1.1 Contenido no textual comprueban que una imagen tiene texto alternativo; no pueden saber que alt="IMG_2041.jpg" no le sirve de nada a quien no puede ver la foto.

Cómo interpretar los resultados

Fallido
Al menos una regla automatizada vinculada a este criterio falló en una página probada. Es un problema seguro; el validador de accesibilidad muestra los elementos y las páginas que lo originan.
Requiere revisión
Una comprobación automatizada señaló algo que no pudo decidir, como el contraste de un texto sobre un degradado. Una persona tiene que revisar el elemento.
Sin fallos automáticos
Al menos una regla de axe-core vinculada al criterio se ejecutó y se superó. Esto no es conformidad: las reglas solo cubren una parte de lo que exige el criterio.
Sin activar
Existen reglas automatizadas para este criterio, pero en las páginas probadas no había nada que pudieran comprobar, por ejemplo ningún vídeo para las reglas de subtítulos o ningún formulario para las reglas de etiquetas. Pruébalo a mano si tu sitio tiene ese tipo de contenido en otras páginas.
Comprobación manual
Ninguna regla automatizada cubre este criterio, así que el análisis no dice nada sobre él, ni a favor ni en contra. Pruébalo a mano.
Nivel A y nivel AA
El nivel A es el mínimo. Las políticas que citan WCAG suelen indicar el nivel AA, que incluye todos los criterios de nivel A.

Cómo corregir los problemas más habituales

  • Falla el 4.1.2 Nombre, función, valor

    Los controles personalizados creados con elementos div o span (menús, pestañas, acordeones, interruptores) no indican a las tecnologías de apoyo qué son ni si están abiertos. Usa un <button> nativo siempre que puedas, dale un nombre y establece aria-expanded o aria-pressed para que se anuncie su estado.

  • Falla el 1.3.1 Información y relaciones

    La estructura tiene que estar en el marcado, no solo en los estilos. Usa elementos h2 y h3 reales en lugar de párrafos en negrita, ul u ol para las listas, th con scope para los encabezados de tabla, y etiquetas o fieldset con legend para los grupos de campos de formulario.

  • Falla el 3.1.1 Idioma de la página

    Añade un atributo lang al elemento html, por ejemplo <html lang="en">. Los temas de WordPress normalmente lo generan con language_attributes(); en un tema de Shopify, usa <html lang="{{ request.locale.iso_code }}"> en layout/theme.liquid.

  • Falla el 2.5.8 Tamaño del objetivo (mínimo)

    Los iconos pequeños y los enlaces muy juntos son difíciles de pulsar con el dedo. Haz que cada objetivo mida al menos 24 × 24 píxeles CSS, o separa los objetivos pequeños de forma que un círculo de 24 px centrado en cada uno no se solape con otro objetivo. El relleno (padding) amplía el objetivo sin cambiar el icono.

  • Cómo abordar las comprobaciones manuales

    Empieza por las rápidas. Para el 1.4.10 Reajuste, amplía al 400% una ventana del navegador de 1280 px de ancho y comprueba que nada obliga a desplazarse en horizontal. Para el 2.4.7 y el 2.4.11, recorre la página con Tab y comprueba que el foco siempre es visible y nunca queda oculto detrás de un encabezado fijo o de un banner de cookies. Para el 3.3.1, envía un formulario con errores y mira si los errores se describen claramente con texto.

Preguntas sobre esta herramienta

¿Qué cambió en los niveles A y AA con WCAG 2.2?

Se añadieron seis criterios: 2.4.11 Foco no oculto (mínimo), 2.5.7 Movimientos de arrastre, 2.5.8 Tamaño del objetivo (mínimo), 3.2.6 Ayuda coherente, 3.3.7 Entrada redundante y 3.3.8 Autenticación accesible (mínima). WCAG 2.2 también añade tres criterios de nivel AAA y elimina el 4.1.1 Procesamiento.

¿Por qué no aparece el 4.1.1 Procesamiento?

WCAG 2.2 declara obsoleto el 4.1.1 Procesamiento y lo elimina, porque los navegadores y las tecnologías de apoyo ya no dependen de los errores de marcado que cubría. El W3C indica que, para WCAG 2.0 y 2.1, ahora se considera que siempre se cumple en el contenido HTML.

¿Cumplir WCAG 2.2 también cubre WCAG 2.1?

Sí. WCAG 2.2 es retrocompatible: el contenido conforme con 2.2 también es conforme con 2.1 y 2.0. Por tanto, probar con 2.2 cubre las versiones anteriores que muchas políticas todavía citan.

¿Puedo usarlo para redactar una declaración de accesibilidad o un VPAT?

Es un punto de partida, no un informe de conformidad. Una declaración o un VPAT requiere evaluar todos los criterios, la mayoría por parte de una persona; las listas «Comprobación manual» y «Requiere revisión» muestran cuáles lo necesitan todavía.

¿Por qué tantos criterios indican «Comprobación manual»?

Porque no existe ninguna regla automatizada para ellos. Cuestiones como si se puede ampliar un límite de tiempo, si la ayuda aparece en el mismo lugar en todas las páginas o si un inicio de sesión exige una prueba de memoria dependen de cómo usan el sitio las personas, no de un marcado que una regla pueda leer.

Fuentes

Herramientas relacionadas

El Informe de Accesibilidad ($174, pago único) parte del análisis gratuito completo y añade más páginas, el cambio que debes hacer para cada hallazgo, un PDF y reevaluaciones para verificar tus correcciones.

Sobre el Informe de Accesibilidad