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

Access Monitor by Tenon

Access Monitor by Tenon

Slides for the meetup "Access Monitor by Tenon " organized by "WordPress Madrid" and "Accesibilidad Spain" meetups.

5c086974327e7f3da17333e836f1a9ba?s=128

fzberlinches

May 25, 2016
Tweet

Transcript

  1. ACCESS MONITOR BY TENON WORDPRESS MADRID Y ACCESIBILIDAD SPAIN 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. 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
  4. PROS Y CONTRAS

  5. 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
  6. CONTRAS Es de pago (pero a mí no es que

    me parezca una contra). Tiene problemas con los sitios bajo https. No está en castellano.
  7. ACERCA DE ACCESS MONITOR Un que nos permite conectar la

    . plugin para WordPress API de Tenon y revisar nuestro sitio hecho con WordPress
  8. PROS Y CONTRAS

  9. PROS Una manera de revisar posibles problemas de accesibilidad en

    nuestros contenidos. Podemos revisar en la edición o mientras navegamos por nuestro sitio.
  10. CONTRAS No permite probar sitios locales (aunque puedes usar sistemas

    como ) Necesitas (lógicamente) una key de Tenon. No está en castellano. ngrok
  11. DEMO

  12. ¿POR QUÉ DEBO TENER EN CUENTA LA ACCESIBILIDAD? Pues porque

    es un derecho. Algunos piensan que la accesibilidad web es un privilegio
  13. ¿QUÉ DICE LA LEY? Referencia sobre legislación española

  14. ¿PERO QUÉ ES LA ACCESIBILIDAD WEB? La capacidad de poder

    acceder a la información y/o realizar alguna acción sin necesitar ayuda.
  15. PROBLEMA = INACCESIBLE

  16. POSIBLE (ALGO ES ALGO) Si os parece exagerada esta imagen,

    tenéis que ver las fotos que publica en su twitter @OscarJim3nez
  17. PRÁCTICO = ACCESIBLE

  18. ¡PARA NOTA! = USABLE

  19. DISCAPACIDAD

  20. ... Y OTROS PERFILES

  21. A-E-I-O-U DE LA ACCESIBILIDAD

  22. A - ALTERNATIVAS Alternativas a imágenes y multimedia, principalmente.

  23. E - ESTRUCTURA Semántica, estructura, tablas de datos, formularios, etc.

  24. I - IDENTIFICACIÓN Ocultar texto de forma accesible, ocultar enlaces

    al lector de pantalla...
  25. O - OPERABILIDAD Los (dichosos) lightbox o cualquier elemento con

    funcionalidad propia (carruseles, etc). Should I Use A Carousel? The Unbearable Inaccessibility of Slideshows!
  26. U - USO DEL COLOR Ensure High Contrast for Text

    Over Images. Contrast Rebellion - to hell with unreadable, low-contrast texts!.
  27. AL CÉSAR LO QUE ES DEL CÉSAR Ilustraciones: Marta Segurola

  28. 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
  29. ENLACES DE INTERÉS (SEGUNDA PARTE) Apps For All: Coding Accessible

    Web Applications ARIA examples CSS Test for accessibility issues The A11Y Project aDesigner
  30. ENLACES DE INTERÉS (TERCERA PARTE) Before and A er 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
  31. ENLACES DE INTERÉS (CUARTA PARTE) Writing an accessibility statement Accessibility

    Wins Herramienta de contraste de Lea Verou Building accessible web components without tears
  32. ENLACES DE INTERÉS (CUARTA 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