Checklist WCAG 2.2 para revisar una web antes de publicar

Empieza por contenido y estructura

La accesibilidad empieza por una estructura que cualquier persona pueda entender. Un único título principal, encabezados en orden lógico, enlaces que expliquen su destino e imágenes con alternativas adecuadas hacen que la página sea navegable con lector de pantalla, teclado o zoom.

No uses el color como única forma de comunicar un estado. Un error, una selección o una obligación en un formulario necesitan también texto, iconos con nombre o instrucciones explícitas.

Checklist de interacción

Los componentes que responden al ratón deben responder también al teclado. El foco tiene que ser visible, conservar un orden coherente y no quedar atrapado en un menú o cuadro de diálogo.

Los formularios necesitan etiquetas programáticas, ayuda cuando sea necesaria y errores que indiquen qué ha ocurrido y cómo resolverlo.

• Cada control interactivo se alcanza y activa con teclado.
• El foco visible no queda oculto tras cabeceras o elementos fijos.
• Los botones de icono tienen un nombre accesible.
• Los campos tienen etiqueta, instrucciones y errores asociados.
• Los modales gestionan el foco y se pueden cerrar sin ratón.

Contraste, tamaño y adaptación

El contraste no es solo una cuestión de diseño. Revisa el texto normal, los textos pequeños, los botones, los enlaces y los estados de foco. Una combinación que parece correcta en un monitor puede fallar para una persona con baja visión o en una pantalla móvil con luz intensa.

Prueba el contenido con zoom. Los textos no deberían superponerse, quedar cortados ni obligar a desplazarse en dos direcciones para leer una sección normal.

• El texto y sus fondos mantienen contraste suficiente.
• No se pierde información al ampliar la página.
• Los controles táctiles tienen espacio y etiquetas claras.
• El estado de foco y los mensajes de error se distinguen sin depender solo del color.

Automatiza lo repetible y revisa lo humano

Un escáner puede encontrar muchas incidencias de forma rápida y consistente. Sin embargo, no puede decidir por sí solo si un texto alternativo describe bien una imagen, si el orden de lectura tiene sentido o si una tarea de compra es comprensible.

Incorpora un escaneo a cada versión importante y reserva una revisión manual para los recorridos de negocio. Esta combinación reduce errores repetidos sin convertir la accesibilidad en una comprobación de última hora.