Aparte de seguir por twitter y ver algunas charlas de @kastway sobre el tema de la accesibilidad en la web, decidí buscar un poco mas sobre este tema y buscando encontré  “axe-cli”.

AXE-CLI

Se basa en AXE que es un motor de automatización de test de accesibilidad para interfaces web,  pero con el cli lo puedo correr de forma automática ya que nos configura todo, una de las colaboradoras es https://marcysutton.com/ defensora de la accesibilidad.

Instalacion

Para instalarlo,  requiere nodejs y ejecutando el comando desde la terminal npm install axe-cli -g ya lo tenemos disponible para jugar.

Como puedo usarlo

Desde la termina llamamos a axe y le especificamos la url ejemplo google.com y nos mostrara en la pantalla todas las violaciones de accesibilidad que tenemos en la web.

Danys-iMac:~ danyparedes$ axe https://google.com
Running axe-core 2.3.1 in phantomjs
Testing https://google.com ... please wait, this may take a minute.
  Violation of "color-contrast" with 3 occurrences!
    Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds. Correct invalid elements at:
     - #gb_23 > span.gbts
     - #gbztms1
     - #hplogo > div
    For details, see: https://dequeuniversity.com/rules/axe/2.3/color-contrast
3 Accessibility issues detected.
Please note that only 20% to 50% of all accessibility issues can automatically be detected. 
Manual testing is always required. For more information see:
https://dequeuniversity.com/curriculum/courses/testing
Danys-iMac:~ danyparedes$ 

Podemos especificar reglas mas especificas para validar con el flag rules –rules y ademas acotarlo a una area especifica ejemplo un formulario o un widget especifico usando el flag –include y –exclude.

axe www.miweb.com --include #main-container --exclude #sidemenu

Para guardar los resultados usamos el flag –save que en vez de retornar los mensajes en la misma consola nos permite guardarlos en formato json ademas poder especificar el directorio con –dir .

En mi caso jugare un poco mas a profundidad con axe ya que me permite a aplicaciones ya existentes que tenga que mejorar su accesibilidad ejecutar de forma rapida test y asi mejorar la calidad de la misma.

Si quieres saber más sobre axe y axe-cli puedes visitar la pagina de axe-core y axe-cli ademas que te recomiendo que veas las charlas de @kastwey

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *