Accesibilidad, ¿con qué se come eso?

En la web podemos encontrar diferentes tipos de contenido, parte de nuestro trabajo es crear este contenido y normalmente asumimos que nuestro producto, página o blog puede ser accedido por cualquier persona. Pero en realidad no es asi, la web está llena de sitios que no son accesibles! La accesibilidad tiende a ser olvidada o dejada para el final, porque no creemos que es necesaria o no sabemos lo importante que es... Pero no debe ser así, tenemos que tomarla en cuenta en cada paso que tomamos y así juntos, poco a poco lograr hacer de la web un sitio donde todos son bienvenidos.

Transcript

1. bit.ly/que-a11y 1
2. Accesibilidad ¿Con qué se come eso? By Marjorie Figueroa 2
3. Discapacidades 3 @stephs1515
4. 4 @stephs1515
5. 5 @stephs1515 WHAIKAHA
6. Restricción o ausencia de la capacidad de realizar una actividad dentro del margen que se considera normal. 6 @stephs1515
7. Impedimentos Limitaciones de la actividad Restricciones en la participación 7 @stephs1515
8. Discrepancia entre las habilidades de una persona y su entorno 8 @stephs1515
9. Entornos inaccesibles crean discapacidades 9 @stephs1515
10. ACCESIBILIDAD 10
11. 11 ¿QUÉ ES?
12. Posibilidad de acceder 12
13. Eliminar o reducir las barreras que obstaculizan los derechos de las personas con discapacidades 13 @stephs1515
14. Ser accesible es hacer que tu producto esté disponible para cualquier persona sin importar cómo lo usan 14 @stephs1515
15. 15 @stephs1515 Pero... ¿POR QUÉ?
16. PORQUE ES LO CORRECTO 16 @stephs1515
17. El mundo en el que vivimos cambia constantemente 17 @stephs1515
18. Photo from npr.org Photo by Miss Zhang on Unsplash 18
20. 20 @stephs1515
21. La web es parte de nuestro día a día 21 @stephs1515
22. 59.653.607 22 @stephs1515
23. 97.8% de las páginas analizadas tenían errores 23 @stephs1515
24. Reflejamos nuestras experiencias en lo que creamos 24 @stephs1515
25. Cada uno de nosotros experimenta la vida de una manera distinta 25 @stephs1515
26. La accesibilidad tiende a ser olvidada o ignorada 26 @stephs1515
27. 27 @stephs1515 ¿Y CÓMO HAGO?
28. Volvamos a lo básico 28 @stephs1515
29. HTML Semántico y estructurado 29 @stephs1515
30. Usemos la etiqueta correcta en el lugar correcto 30 @stephs1515
31. 31 @stephs1515 <button> <div>
32. 32 @stephs1515 Headings Orden de los elementos Tab index
33. 33 @stephs1515 Focus
34. 34 @stephs1515 Safari Chrome Firefox
35. 35 @stephs1515
36. Color & Contraste 36 @stephs1515
37. @stephs1515
38. 38 @stephs1515
39. 39 @stephs1515
40. 40 @stephs1515
41. 41 @stephs1515
42. 42 @stephs1515
43. 43 @stephs1515
44. Texto 44 @stephs1515
45. 45 @stephs1515 Lenguaje simple Fuentes & Iconos Photo by micah boswell on Unsplash
46. Media 46 @stephs1515
47. 47 @stephs1515 Subtítulos y Transcripciones Autoplay ads & videos Photo by Sven Scheuermeier on Unsplash
48. 48 @stephs1515 Test Test Test
49. Escuchemos nuestro website 49 @stephs1515
50. Olvidémonos del mouse 50 @stephs1515
51. ¿Quién se beneficia de la accesibilidad? 51 @stephs1515 Photo by Camylla Battani on Unsplash
52. TODOS! Photo by Rob Curran on Unsplash @stephs1515
53. Pequeños cambios tienen un gran impacto 53 @stephs1515
54. Salgamos de nuestras cajas! 54 @stephs1515 Photo by Erda Estremera on Unsplash
55. Marjorie Figueroa @stephs1515 Photo by Howard Riminton on Unsplash bit.ly/a11ylinks @stephs1515