Access monitor by Tenon

Slides for the WordCamp Bilbao 2016

Transcript

1. ACCESS MONITOR BY TENON WORDCAMP BILBAO 2016 Por / Félix Zapata @felixzapata y @madridwordpress @accspain
2. SOBRE MÍ Desarrollador senior front end y consultor de accesibilidad web. Trabajo en . Coorganizador de los grupos meetup , , y . Aerotranstornado: piloto P1 y controlador S3 (aspirante a C1) en la red . GFT WordPress Madrid Accesibilidad Spain AngularJS Madrid Polymer Madrid VATSIM Mi GitHub
3. ¿POR QUÉ DEBO TENER EN CUENTA LA ACCESIBILIDAD? Pues porque es un derecho. Algunos piensan que la accesibilidad web es un privilegio
4. ¿QUÉ DICE LA LEY? Referencia sobre legislación española
5. ¿PERO QUÉ ES LA ACCESIBILIDAD WEB? La capacidad de poder acceder a la información y/o realizar alguna acción sin necesitar ayuda.
6. A-E-I-O-U DE LA ACCESIBILIDAD
7. A - ALTERNATIVAS Alternativas a imágenes y multimedia, principalmente.
8. E - ESTRUCTURA Semántica, estructura, tablas de datos, formularios, etc.
9. I - IDENTIFICACIÓN Ocultar texto de forma accesible, ocultar enlaces al lector de pantalla...
10. O - OPERABILIDAD Los (dichosos) lightbox o cualquier elemento con funcionalidad propia (carruseles, etc). Should I Use A Carousel? The Unbearable Inaccessibility of Slideshows!
11. U - USO DEL COLOR Ensure High Contrast for Text Over Images. Contrast Rebellion - to hell with unreadable, low-contrast texts!.
12. ACERCA DE TENON Una API que nos permite identificar problemas de accesibilidad en nuestros desarrollos. Modern Web Toolsets & The Next Generation of Accessibility Testing Tools
13. PROS Y CONTRAS
14. PROS La web tiene bastante documentación. El soporte es bastante rápido. Configurable. Se puede probar durante 30 días. Hay plugins para Visual Studio, Chrome, Firefox, , WordPress, Drupal (creo), etc. Grunt, Gulp
15. CONTRAS Es de pago (pero a mí no es que me parezca una contra). Ha duplicado sus precios desde el día 1 de Junio de 2016. Tiene problemas con los sitios bajo https. No está en castellano.
16. ACERCA DE ACCESS MONITOR Un que nos permite conectar la . plugin para WordPress API de Tenon y revisar nuestro sitio hecho con WordPress
17. PROS Y CONTRAS
18. PROS Una manera de revisar posibles problemas de accesibilidad en nuestros contenidos. Podemos revisar en la edición o mientras navegamos por nuestro sitio.
19. CONTRAS No permite probar sitios locales (aunque puedes usar sistemas como ) Necesitas (lógicamente) una key de Tenon. No está en castellano. ngrok
20. DEMO
21. AL CÉSAR LO QUE ES DEL CÉSAR Ilustraciones: Marta Segurola
22. 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 Smartphones Become Essential Accessories for the Blind
23. ENLACES DE INTERÉS (SEGUNDA PARTE) Apps For All: Coding Accessible Web Applications ARIA examples CSS Test for accessibility issues The A11Y Project aDesigner
24. ENLACES DE INTERÉS (TERCERA 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 Accessibility statement
25. ENLACES DE INTERÉS (CUARTA PARTE) Writing an accessibility statement Accessibility Wins Herramienta de contraste de Lea Verou Building accessible web components without tears
26. ENLACES DE INTERÉS (QUINTA PARTE) Los sitios web de la Comisión Europea deben ser accesibles desde enero de 2010 Accessibility is My Favorite Part of the Platform - Google I/O 2016 Contenido dinámico accesible: Yes, we can!
27. ENLACES DE INTERÉS (SEXTA PARTE) Checklist for Web Content Accessibility Guidelines 2.0 How to Meet WCAG 2.0 5 cosas sencillas para mejorar la accesibilidad Making Accessible Web Apps Using HTML5 and ChromeVox
28. ENLACES DE INTERÉS (SÉPTIMA PARTE) Accessibility in Rapid Iterative Development Google Accessibility course