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

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
8. Fundamentos Web 2005 Primer congreso de Fundamentos Web. http://www.fundamentosweb.org/2005/
10. Principado de Asturias La estrategia 'e-asturias 2007' permitió alcanzar un "cambio cultural fundamental" para el futuro del Principado
12. Logos, logos everywhere El Congreso renueva, con problemas, su sitio web
14. Premios TAW (2005 - 2009) Fuente de la imagen: http://www.fundamentosweb.org/2005/fotos/dia22taw/_I3H0046
16. Congreso Internacional Accesibilidad Web Sidar 2010 http://www.torresburriel.com/weblog/2010/10/19/co internacional-accesibilidad-web-sidar-2010/
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
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.
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