Como hacer una prueba de accessibilidad usando Axe devtools

Axe DevTools es una extension de navegador que te permite hacer una prueba automática de accesibilidad.

Pasos para hacer una prueba de accesibilidad usando Axe

Instalación

Visita la página de la tienda en Google chrome e instala la extensión de Axe DevTools.

¿Cómo usarla?

Ve a la página que deseas hacer la prueba y abre la herramienta de desarrolladores con las teclas cmd + option + i en Mac, o F12 en Windows/Linux.

Activa la pestaña "Axe DevTools". La versión gratuita no require crear una cuenta ni iniciar sesión, y es más que suficiente.

Herramienta de desarrolladores de Chrome mostrando multiples pestañas, una de ellas dice Axe DevTools

Activa el botón con el nombre "Scan ALL of my page".

Pestaña Axe DevTools activada en Herramienta de desarrolladores. Muestra el interfaz con disitntos botones, uno de ellos dice Scan ALL of my page

Si existen errores, estos serán mostrados después de escanear la página.

Axe DevTools mostrando 11 errores después de escanear una página