Save 37% off PRO during our Black Friday Sale! »

Herramientas para la revisión automática de accesibilidad

Herramientas para la revisión automática de accesibilidad

La charla enviada para Codemotion 2017 que finalmente no pude presentar por problemas de salud. Finalmente esta charla la comenté en el meetup de Accesibilidad Spain

5c086974327e7f3da17333e836f1a9ba?s=128

fzberlinches

December 13, 2017
Tweet

Transcript

  1. Herramientas para la revisión automática de accesibilidad Por / Félix

    Zapata @felixzapata
  2. Sobre mí Trabajo en . Aerotranstornado: piloto P1 y controlador

    S3 (aspirante a C1) en la red . SyncRTC VATSIM
  3. Usar sólo una herramienta automática no te va a decir

    si tu sitio es accesible
  4. Un vistazo atrás

  5. 2003 - 2004 Los responsables de las webs de la

    administración se pusieron nerviosos. Se publica la UNE 139803:2004 (actualmente es la ). 139803:2012
  6. Apertura O cina española W3C . W3C abre en Asturias

    su sede en España
  7. None
  8. Fundamentos Web 2005 Primer congreso de Fundamentos Web. http://www.fundamentosweb.org/2005/

  9. None
  10. Principado de Asturias La estrategia 'e-asturias 2007' permitió alcanzar un

    "cambio cultural fundamental" para el futuro del Principado
  11. None
  12. Logos, logos everywhere El Congreso renueva, con problemas, su sitio

    web
  13. None
  14. Premios TAW (2005 - 2009) Fuente de la imagen: http://www.fundamentosweb.org/2005/fotos/dia22taw/_I3H0046

  15. None
  16. Congreso Internacional Accesibilidad Web Sidar 2010 http://www.torresburriel.com/weblog/2010/10/19/co internacional-accesibilidad-web-sidar-2010/

  17. None
  18. Qué es/era lo más usado / conocido

  19. Herramienta TAW Desarrollado por la . Fue lider absoluto. Fundación

    CTIC
  20. Fuente de la imagen: http://ciberconta.unizar.es/leccion/introduc/DIBUJOS/taw.JPG

  21. HERA Fuente de la imagen: https://www.alzado.org/imgconts/autor_id2/ejemplohera.jpg

  22. WAVE Fuente de la imagen: https://i.ytimg.com/vi/aSwcnbWXSwE/maxresdefault.jpg

  23. None
  24. Qué pegas tenían / tienen Normalmente se usan / usaban

    para evaluar después de la publicación.
  25. Evolución del desarrollo web AJAX (2005) RIA (2005 - 2010)

    Node.js (2009) SPIs (2010)
  26. How it feels to learn JavaScript in 2016

  27. Qué tenemos ahora Extensiones para navegadores (no es nuevo). Informes

    de accesibilidad con Chrome (Lighthouse). APIs como o . Sólo con buscar las palabras Accessibility y Github salen unos cuantos resultados en Google. Tenon aXe
  28. Informes de accesibilidad con Chrome (Lighthouse) Empezaron con su propia

    herramienta. Ahora incorpora Lighthouse... que por debajo utiliza aXe.
  29. None
  30. aXe . es la piedra angular. Lo usan . .

    Accessibility engine for automated Web UI testing axe-core multitud de proyectos gulp-axe-webdriver
  31. Pa11y Están trabajando en una versión que pasan de PhantomJS

    a Headless Chrome. Posee una opción de Dashboard. Para cheros locales, debe usarse rutas absolutas. Pa11y is your automated accessibility testing pal
  32. Usar sólo una herramienta automática no te va a decir

    si tu sitio es accesible
  33. Enlaces de interés Norma UNE 139803:2012. Requisitos de Accesibilidad para

    contenidos en la web Legislación nacional Creating an accessible web - Access iQ A web without limits - Access iQ Apps For All: Coding Accessible Web Applications
  34. Enlaces de interés (segunda parte) Accessibility is My Favorite Part

    of the Platform - Google I/O 2016 Accessibility in Rapid Iterative Development Web Accessibility by Google A11ycasts with Rob Dodson
  35. Enlaces de interés (tercera parte) Web Accessibility Evaluation Tools List

    Accessibility Wins Herramienta de contraste de Lea Verou Building accessible web components without tears
  36. Enlaces de interés (cuarta parte) Before and After Demonstration The

    Accessibility Cheatsheet Live Regions y WAI-ARIA. Cómo mejorar la accesibilidad de contenidos que se actualizan automáticamente Guía de accesibilidad de documentos electrónicos
  37. Enlaces de interés (quinta parte) Checklist for Web Content Accessibility

    Guidelines 2.0 How to Meet WCAG 2.0 Totally Tooling Tips: Accessibility Testing