Medir Usabilidad Web

Menú

HERRAMIENTAS CON CRITERIO

WAVE: localiza y comprende una incidencia

Sigue un indicador hasta el elemento de la página y comprueba su efecto.

Una desarrolladora revisa código en las pantallas de su puesto de trabajo.

Pruébalo en tu web

01

Abre una página concreta

Evalúa también estados relevantes cuando la herramienta y el método permitan verlos.

02

Examina un indicador

Lee la explicación y localiza el elemento. Distingue errores detectados y avisos que requieren juicio.

03

Prueba el elemento

Si es un formulario, escribe y provoca un error. Si es un enlace, comprueba su propósito y destino.

CASO SIMULADO

WAVE puede señalar una imagen sin alternativa. Para corregirla debes decidir si informa, sirve de enlace o es decorativa; no basta con poner cualquier texto.

El foco se ve en el botón que abre el diálogo y regresa a ese botón al cerrarlo.
Prueba también el recorrido de teclado: apertura, interacción, cierre y regreso.

Qué hacer con el resultado

Corrige el problema en su contexto y vuelve a comprobarlo. Cero errores automáticos no acredita que toda la tarea sea accesible.

Para profundizar

Abrir la guía completa y las fuentes

Herramienta · Accesibilidad · Revisada el 13 de octubre de 2026

WAVE, de WebAIM, muestra indicadores de accesibilidad sobre la página y ayuda a relacionarlos con su contenido. Es útil para una primera revisión y para que edición, diseño y desarrollo hablen del mismo elemento. Detecta problemas automatizables y facilita evaluación humana; no certifica por sí sola una web.

Cuándo elegir WAVE

Elígela para localizar incidencias en contexto: una imagen, un campo, un encabezado o una combinación de colores. Resulta práctica cuando quieres comprender dónde está el problema sin empezar por un informe separado. Combina la vista visual con la explicación de cada indicador y el código correspondiente.

Evaluación web o extensión

ModalidadPara empezarCuándo encaja
Servicio webIntroducir una URL pública en WAVE.Revisión inicial de una página accesible desde Internet.
Extensión de navegadorInstalar la extensión oficial y abrir el estado que quieres revisar.Páginas con sesión, locales o generadas dinámicamente.

WebAIM ofrece extensiones para Chrome, Firefox y Edge. La extensión evalúa el contenido renderizado en tu navegador; según su documentación, no envía los datos de la evaluación al servidor de WAVE. No atribuyas esa misma arquitectura al servicio web, a las API o a cualquier producto externo basado en WAVE.

Cómo interpretar el informe

Los errores señalan problemas detectados; las alertas necesitan evaluación contextual. La presencia de encabezados, regiones o texto alternativo también puede mostrarse para facilitar la revisión. Un indicador de una característica existente no demuestra que su contenido sea apropiado.

Caso didáctico: una imagen tiene texto alternativo y la herramienta lo muestra. Debes decidir si comunica la información que esa imagen aporta en esa página. «Foto» puede existir en el código y seguir siendo una alternativa insuficiente. Del mismo modo, una etiqueta de campo puede existir y no explicar lo que se necesita introducir.

  1. Abre una página representativa y ejecuta WAVE.
  2. Lee cada tipo de incidencia y localiza el elemento en su contexto.
  3. Comprueba manualmente las alertas y el propósito del contenido.
  4. Abre estados dinámicos, como un error de formulario, y vuelve a evaluar cuando corresponda.
  5. Documenta y corrige la causa; repite el análisis y la tarea manual.

Qué sigue necesitando revisión humana

Recorre el sitio con teclado, revisa foco y orden, amplía contenido y prueba los componentes. La herramienta no puede decidir completamente si un enlace tiene sentido, si una instrucción se comprende o si todas las tareas son realizables con tecnologías de apoyo. Un informe sin errores detectados no equivale a conformidad WCAG.

Revisa varias plantillas y estados. Si analizas la página con un menú cerrado, no asumas que has comprobado todos sus enlaces y comportamientos. Un formulario vacío tampoco representa la validación, los mensajes de carga y la confirmación.

Datos y trabajo en equipo

Aunque uses evaluación local, tus capturas y notas pueden contener datos personales de la sesión abierta. Usa cuentas de prueba y comparte solo lo necesario. Si eliges el servicio web, no pegues una URL con tokens, datos personales o información reservada. En informes, guarda versión, estado y pasos para que el equipo pueda reproducir el problema.

Alternativas pertinentes

axe DevTools es otra opción para analizar reglas técnicas desde el navegador y trabajar cerca del código. PageSpeed Insights añade diagnósticos de rendimiento y comprobaciones automáticas, con un alcance distinto. Ninguna opción elimina la necesidad de pruebas manuales de accesibilidad.

Fuentes y siguiente paso

PONLO EN PRÁCTICA

Tu próxima mejora empieza aquí.

Comprueba tu web y decide qué resolver primero.

Empezar la revisión