5. Exploring Axe CLI
En este capítulo, voy a mostrarte cómo utilizar Axe-CLI para que puedas detectar rápidamente los problemas básicos de accesibilidad de tu aplicación.
¿Por qué usar Axe-CLI?
En primer lugar, puede integrarlo fácilmente en su proceso de integración continua.
Es rápido, lo cual verás en la demo más adelante, y también es fácil de configurar.
Por último, no se necesita código, así que te da la opción de detectar problemas de accesibilidad antes sin tener que escribir código adicional.
Prerrequisito
Como prerrequisito, para instalar Axe-CLI, necesitas tener instalado en tu máquina Node.js y NPM.
Si no los tienes instalados, adelante y pausa este vídeo y vuelve a él una vez que todo esté listo.
Instalar Axe-CLI
Para instalar Axe-CLI, todo lo que necesitamos es ejecutar el siguiente comando de una línea y listo.
La -g significa global, lo que indica que vamos a añadir este módulo globalmente.
Running Axe-CLI Demo
Una vez que haya terminado, puede escribir el comando axe en su terminal y la URL que quieres testear.
De forma predeterminada, esto ejecutará sus pruebas en headless Chrome.
Cuando termine, te dará la salida estándar aquí mostrando cualquier error, si lo hay, así como un enlace a cómo arreglar el problema.
Sin embargo, vale la pena señalar que el hecho de que Axe no haya detectado ningún problema no significa que el sitio sea totalmente accesible.
Si quieres ejecutar la prueba en un navegador real, lo que puedes hacer es pasar el parámetro del navegador seguido del nombre del mismo.
Si quieres hacer la prueba en varias páginas, puedes añadirle más URLs siempre y cuando estén separadas por una coma.
Hagamos esta prueba también en la página "About" y veamos si hay algún problema.
También es posible desactivar algunas de las reglas de accesibilidad.
Usa esto con precaución, pero sólo para darte una demostración, puedes pegar el parámetro desactivado seguido del nombre de la regla que quieres desactivar.
Ahora, imagina que tienes muchos errores.
Probablemente quieras guardar todos esos errores en un archivo JSON en algún lugar.
La buena noticia es que el Axe-CLI te permite hacer esto fácilmente.
Sólo tienes que pasar el parámetro --save seguido del nombre del archivo JSON.
Así que para este ejemplo, llamemos al nombre de archivo test-results.json
Para terminar este capítulo, también he añadido un enlace a la página de Axe-CLI en GitHub, que también puedes usar como referencia.
Cuando termines, iremos al siguiente capítulo y veremos cómo escribir pruebas de accesibilidad automatizadas con Cypress y Cypress-axe.
Last updated
Was this helpful?