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

Accesibilidad Web

Accesibilidad Web

Slides of the meetup "Accesibilidad Web" for Front-end Developers Madrid meetup group.

5c086974327e7f3da17333e836f1a9ba?s=128

fzberlinches

May 31, 2016
Tweet

Transcript

  1. ACCESIBILIDAD WEB FRONT-END DEVELOPERS MADRID Por / Félix Zapata @felixzapata

  2. SOBRE MÍ Desarrollador senior front end y consultor de accesibilidad

    web. Trabajo en . Fundador del grupo meetup . 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 CIERTO ¿Conocéis el meetup ? ( ) Accesibilidad Spain

    @accspain Es un grupo transversal a muchos meetups de tecnología.
  4. TENÉIS QUE ELEGIR... ¿La píldora roja de la derecha o

    la azul de la izquierda? Fuente de la imagen: http://static2.businessinsider.com/image/5217af2beab8eab736000010-1200- 600/red-pill.png
  5. PORQUE YA NADA SERÁ IGUAL Fuente de la imagen: http://globalcitizenblog.com/wp-content/uploads/globalcitizen/statue.gif

  6. NUNCA TE ACOSTARÁS SIN SABER ALGO MÁS ¿Por qué Facebook

    es azul?
  7. BUENO, VAMOS AL LÍO ¿Por qué debo tener en cuenta

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

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

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

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

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

  13. ¡PARA NOTA! = USABLE

  14. DISCAPACIDAD

  15. ... Y OTROS PERFILES

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

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

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

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

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

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

    Over Images. Contrast Rebellion - to hell with unreadable, low-contrast texts!.
  22. BONUS TRACK Las preguntas son siempre: ¿es ? ¿es ?

    ¿es el framework / librería de turno accesible? AngularJS accesible Polymer accesible En lugar de: ¿sé hacerlo accesible?
  23. AL CÉSAR LO QUE ES DEL CÉSAR Ilustraciones: Marta Segurola

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

    Web Applications ARIA examples CSS Test for accessibility issues The A11Y Project aDesigner
  26. 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
  27. ENLACES DE INTERÉS (CUARTA PARTE) Writing an accessibility statement Accessibility

    Wins Herramienta de contraste de Lea Verou Building accessible web components without tears
  28. 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!
  29. 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
  30. ENLACES DE INTERÉS (SÉPTIMA PARTE) Accessibility in Rapid Iterative Development

    Google Accessibility course