WAVE - Web Accessibility Evaluation, es una extensión gratuita para navegador web. Es específica para la evaluación de la accesibilidad de un sitio web.

Entre las cosas que permite podemos destacar las siguientes:

• Realiza un análisis automático completo de la página, indicando los errores encontrados, localizándolos visualmente en la web y mostrando el criterio por el que fallan.
• Señala características, estructura… 
• Dispone de una pestaña para visualizar los contrastes de color entre los diferentes elementos de la web.

Instalar la extensión para el navegador web: Chrome / Firefox.

Una vez que instalada, se accede a ella a través de un botón de la zona de extensiones del navegador: 

Tras realizar la instalación, abre en el navegador la página a analizar y pincha en el botón correspondiente a WAVE de la zona de extensiones del navegador. Se desplegará un panel en la parte izquierda de la pantalla y se mostrarán en la página los errores y elementos encontrados. El icono de WAVE de la zona de extensiones del navegador se mostrará en azul para indicar que la extensión está siendo utilizada. Para cerrar la herramienta pulsa de nuevo sobre el icono. Se recargará la página de nuevo.

En el panel de la parte izquierda de la pantalla hay distintas pestañas para ver información de los errores y elementos detectados. Inicialmente puede resultar complejo localizar visualmente alguno de los errores o elementos encontrados, ya que pueden llegar a mostrarse multitud de iconos similares y cercanos. Desde la pestaña "Details" (del panel situado en la parte izquierda) pueden desmarcarse elementos para que dejen de pintarse en la página, de este modo es posible marcar únicamente los errores o elementos deseados facilitando así su visualización.

La herramienta WAVE puede utilizarse como ayuda para revisar los siguientes criterios de conformidad:

• Criterio 1.3.1. Información y relaciones, para las comprobaciones:
  • Comprobación 1.3.1-D. El contenido que se muestra como un listado de elementos relacionados entre sí (incluyendo los enlaces de menús y barras de navegación) se debe marcar con los elementos adecuados de lista (<ol> para listas desordenadas, <ul> para listas desordenadas y <dl>, <dt> y <dd> para listas de términos y definiciones)
    • Seleccionar “Details – Structural elements”
  • Comprobación 1.3.1-E. No se deben emplear los elementos de lista únicamente con fines presentacionales para marcar contenidos que no son elementos relacionados entre sí.
    • Seleccionar “Details – Structural elements”
  • Comprobación 1.3.1-F. La información tabular se debe estructurar mediante elementos de tablas de datos (<table>, <tr>, <th>, <td>)
    • Seleccionar “Details – Structural elements"
  • Comprobación 1.3.1-G. En las tablas de datos se deben identificar las celdas de encabezado con el elemento <th> y las celdas de datos con <td>
    • Seleccionar “Details – Structural elements"

En el bloque IV de este curso, se verá en detalle cómo utilizar esta herramienta como ayuda para revisar cada uno de estos criterios.