Pruebas manuales de accesibilidad

Pruebas manuales de accesibilidad: pasada solo con teclado, con lector de pantalla (NVDA, VoiceOver) y de zoom y reflujo, según las Easy Checks del W3C.

¿Qué son las pruebas manuales de accesibilidad?

Las pruebas manuales de accesibilidad son comprobaciones que una persona hace a mano para encontrar barreras que afectan a usuarios con discapacidad: manejar la página solo con el teclado, escucharla con un lector de pantalla y ampliarla hasta que el diseño tenga que adaptarse. Cubren lo que las pruebas automáticas de accesibilidad no pueden juzgar, como si el texto alternativo tiene sentido o si el orden del foco sigue el orden visual.

Las tres pasadas básicas

1. Pasada solo con teclado

Deje el ratón a un lado y pulse Tab desde el principio de la página. Debería poder llegar a cada enlace, botón y campo de formulario y usarlo, ver en todo momento dónde está el foco, salir de cada elemento (sin trampas de teclado) y avanzar en un orden lógico. Las Easy Checks del W3C también comprueban que el primer elemento enfocable sea un enlace para saltar al contenido principal. En orden de navegación con teclado verá cómo es una secuencia razonable.

2. Pasada con lector de pantalla

Active un lector de pantalla: NVDA en Windows (gratuito) o VoiceOver en macOS e iOS (integrado). Compruebe que se lee primero el título de la página, que los encabezados forman un esquema útil, que imágenes, botones y enlaces tienen nombres con sentido y que los campos de formulario anuncian su etiqueta y sus errores. El W3C señala que un usuario experto de lector de pantalla da el mejor resultado, pero cualquiera puede detectar los primeros problemas.

3. Pasada de zoom y reflujo

Amplíe la página y compruebe que el texto y las imágenes siguen siendo legibles y utilizables. El criterio de éxito 1.4.10 de WCAG 2.2 (Reflow, nivel AA) pide que el contenido de desplazamiento vertical funcione con un ancho de 320 píxeles CSS, es decir, una ventana de 1280 píxeles al 400 % de zoom, sin desplazamiento en dos dimensiones. El texto también debe poder ampliarse al 200 % (criterio 1.4.4). Hay excepciones para contenido que necesita un diseño bidimensional, como mapas y tablas de datos.

Otras comprobaciones manuales rápidas

  • El título y el idioma de la página están definidos y son correctos.
  • Los encabezados describen la página como un índice.
  • El contraste de color es suficiente para el texto y los elementos de interfaz.
  • Cada campo de formulario tiene una etiqueta visible y los obligatorios están marcados.
  • Los vídeos tienen subtítulos y el audio tiene transcripción.

Errores comunes

  • Probar una sola vez al final. Repita las pasadas en cada flujo clave (registro, pago, búsqueda) cada vez que cambie.
  • Tomar un aprobado como prueba. El W3C avisa de que una página puede superar las Easy Checks y aun así tener barreras importantes.
  • Probar con un solo lector de pantalla. NVDA, VoiceOver y otros se comportan distinto, así que repita los flujos importantes con al menos dos.
  • Dejar fuera a usuarios reales. Las pruebas del equipo técnico encuentran muchos fallos, pero quienes usan tecnología de apoyo a diario encuentran los que más importan.

Cómo encaja con las pruebas automáticas y la monitorización

Las herramientas automáticas detectan rápido los problemas mecánicos, las pasadas manuales juzgan el sentido y la usabilidad, y una prueba de conformidad de accesibilidad formal frente a las WCAG combina ambas. Para la parte automática, la monitorización de velocidad de página de LoadFocus ejecuta auditorías Lighthouse programadas que incluyen una puntuación de Accessibility, de modo que las regresiones aparecen entre revisiones manuales. No sustituye las pasadas manuales. Más contexto en pruebas de rendimiento y métricas de accesibilidad.

Preguntas frecuentes: pruebas manuales de accesibilidad

¿Por qué necesito pruebas manuales si ya ejecuto automáticas?

Las herramientas automáticas detectan un atributo alt ausente, pero solo una persona puede juzgar si el texto describe la imagen en su contexto. Lo mismo ocurre con el orden del foco, el orden de lectura y los mensajes de error.

¿Qué lector de pantalla debo usar?

NVDA es gratuito y habitual en Windows, y VoiceOver viene integrado en macOS e iOS. Empiece con el que pueda ejecutar hoy y luego repita los flujos clave con un segundo.

¿Cuánto dura una pasada manual?

Una primera revisión de una página con teclado, zoom y lector de pantalla suele llevar bastante menos de una hora. Las auditorías completas de un sitio llevan más y conviene planificarlas por versión.

¿Las Easy Checks del W3C demuestran que mi sitio es accesible?

No. Son comprobaciones rápidas de unos pocos problemas habituales, y una página puede superarlas y tener barreras. Úselas como punto de partida antes de una evaluación más a fondo.

¿Qué tan rápido es tu sitio web?

Mejora su velocidad y SEO sin problemas con nuestra Prueba de Velocidad gratuita.

Prueba de velocidad de sitio web gratis

Analice la velocidad de carga de su sitio web y mejore su rendimiento con nuestro comprobador de velocidad de página gratuito.