Contenido accesible: cómo lograr que tu sitio sirva a todos

6957dcf9e6e3d9243fa0a06228bfb7c0?s=47 Coppel UX
June 12, 2020

Contenido accesible: cómo lograr que tu sitio sirva a todos

En esta presentación se cubren las bases para creación de contenido para personas con capacidades físicas disminuidas o inexistentes, así como recomendaciones para mejorar su accesibilidad y crear mejores experiencias de usuario.

6957dcf9e6e3d9243fa0a06228bfb7c0?s=128

Coppel UX

June 12, 2020
Tweet

Transcript

  1. Contenido accesible: cómo lograr que tu sitio sirva a todos

    Irving Hernández UX Writer irving.hernandez@coppel.com Junio 2020
  2. Irving Hernández UX Writer Soy UX Writer en Coppel y

    cuido que los productos digitales de la empresa sean claros, útiles y amigables. Para lograrlo traduzco el lenguaje técnico y complejo en ideas que todos puedan entender. Soy escritor, periodista y lector empedernido. Me gustan las historias, las memorias y la pizza con extra queso. > irving.hernandez@coppel.com > LinkeIn.com/in/ihersan
  3. Son aquellas que tienen una o más deficiencias físicas, mentales,

    intelectuales o sensoriales y que al interactuar con distintos ambientes del entorno social pueden impedir su participación plena y efectiva en igualdad de condiciones a las demás. 1 ¿Quiénes son las personas con discapacidad? Contenido accesible: cómo lograr que tu sitio sirva a todos 1 Clasificación Internacional del Funcionamiento, de la Discapacidad y de la Salud (2001). Foto de Anas Aldyab en Pexels
  4. • Motrices • Visuales • Mentales o emocionales • Auditivas

    • Hablar o comunicarse • Cognitivas Tipos de discapacidad 2 Contenido accesible: cómo lograr que tu sitio sirva a todos 2 La discapacidad en México, datos al 2014, versión 2017. Fotos de Anna Shvets y Anas Aldyab en Pexels
  5. A 2014, 7.1 millones de mexicanos tienen alguna discapacidad 3

    Contenido accesible: cómo lograr que tu sitio sirva a todos 3 La discapacidad en México, datos al 2014, versión 2017.
  6. 1. Motrices Principales discapacidades en México 4 Contenido accesible: cómo

    lograr que tu sitio sirva a todos 4 La discapacidad en México, datos al 2014, versión 2017. 3. Cognitivas 2. Visuales Fotos de Run 4 Ffwpu en Pexels y Alireza Attari en Unsplash
  7. • 60 años o más (47%) • Entre 30 y

    59 años (35%) 5 Contenido accesible: cómo lograr que tu sitio sirva a todos 5 La discapacidad en México, datos al 2014, versión 2017. ¿Qué edad tienen estas personas?
  8. Principios de accesibilidad • Perceptible: El sitio web puede ser

    visitado y entendido por usuarios con diferentes tipos de capacidades (también por robots, como buscadores, traductores…) • Operable: La página proporciona elementos de interacción y de navegación que pueden ser manejados por personas con diferentes capacidades. • Comprensible: El sitio está diseñado (incluyendo la información y la interfaz de usuario) para que las personas lo entiendan y puedan usarlo fácil. • Robusto: Se basa en la capacidad de la página de ser compatible con todos los navegadores, sistemas operativos, dispositivos y tecnología de apoyo. Contenido accesible: cómo lograr que tu sitio sirva a todos
  9. ¿Qué debes saber como creador de contenido? Contenido accesible: cómo

    lograr que tu sitio sirva a todos
  10. Somos responsables de que las personas perciban y comprendan la

    información que la página quiere transmitir Contenido accesible: cómo lograr que tu sitio sirva a todos
  11. 11 9 pautas para crear contenido accesible Contenido accesible: cómo

    lograr que tu sitio sirva a todos
  12. Toda la información necesaria para completar una acción debe estar

    presente por delante, arriba o a la derecha. ¿Por qué? Las personas con discapacidad visual usan un lector de pantalla para navegar por sitios web y usar aplicaciones. 1. Piensa de arriba a abajo y de izquierda a derecha Contenido accesible: cómo lograr que tu sitio sirva a todos
  13. None
  14. None
  15. None
  16. ¿Las personas entienden dónde están o qué viene después con

    solo escuchar el texto? 2. Sé creativo, pero sin dejar de ser claro Contenido accesible: cómo lograr que tu sitio sirva a todos
  17. None
  18. None
  19. None
  20. Cada imagen o icono que contenga información visual debe tener

    una breve descripción (alt text). Este texto no aparecerá en la pantalla, pero se leerá a las personas que naveguen usando el teclado y un lector de pantalla. 3. Escribe textos alternativos en imágenes e iconos Contenido accesible: cómo lograr que tu sitio sirva a todos
  21. None
  22. Las personas con discapacidad auditiva tienen problemas para encontrar palabras.

    6 Para ayudarles podemos agregar iconos con una etiqueta de texto para reafirmar su significado en cada contexto particular. 4. Agrega etiquetas a los iconos Contenido accesible: cómo lograr que tu sitio sirva a todos 6 Accesibilidad Cognitiva de los Sordos a la Web
  23. None
  24. None
  25. Las personas que usan el teclado o un lector de

    pantalla pueden navegar solo entre: • Titulares • Enlaces y botones Esto quiere decir que no perciben la pantalla completa, sino que pueden hacer un escaneo rápido para comprender cuáles son los elementos importantes y luego elegir la que más les interesa. 5. Sé específico y descriptivo en botones y enlaces Contenido accesible: cómo lograr que tu sitio sirva a todos
  26. None
  27. None
  28. None
  29. Los lectores de pantalla solo leen texto. Y no van

    a entender si: • Un botón en realidad es una imagen. • La palabra debajo del icono se guarda como una imagen. • El texto de una pantalla de error está en una imagen. 6. El texto debe aparecer como texto, no como imagen Contenido accesible: cómo lograr que tu sitio sirva a todos
  30. None
  31. None
  32. Todas las instrucciones, consejos y notas sobre cómo llenar un

    formulario o hacer cualquier acción deben estar siempre disponibles y visibles. 7. Cuida que el texto siempre sea legible Contenido accesible: cómo lograr que tu sitio sirva a todos
  33. None
  34. None
  35. “El lenguaje claro es aquel que está diseñado para entenderse

    a la primera. Se trata de buscar una comunicación lo más sencilla posible. La idea no es simplificar el discurso, sino evitar la palabrería, las estructuras enrevesadas, la jerga y otros elementos que complican la comprensión.” Blanca Rego, diseñadora de contenido 8. Usa lenguaje claro Contenido accesible: cómo lograr que tu sitio sirva a todos
  36. None
  37. None
  38. 9. Ponte en su lugar Contenido accesible: cómo lograr que

    tu sitio sirva a todos
  39. Fuentes • Yifrah, K. (2017). Microcopy: The Complete Guide. 2nd

    ed. [ebook] Israel: Nemala, pp.24-36. Disponible en: <https://www.microcopybook.com/> • INEGI (2017). La discapacidad en México, datos al 2014: versión 2017 [ebook] México: INEGI, pp.21-33. Disponible en: <http://internet.contenidos.inegi. org.mx/contenidos/Productos/prod_serv/contenidos/espanol/bvinegi/productos /nueva_estruc/702825094409.pdf> • Accesibilidad y discapacidad auditiva (2007, Noviembre 20). Recuperado de: https://olgacarreras.blogspot.com/2007/01/accesibilidad-web-y-discapacidad. html • Los cuatro principios de un sitio web accesible (2018, Abril 2). Recuperado de: <https://www.altavoz.net/altavoz/blog/accesibilidad/los-cuatro-principios- de-un-sitio-web-accesible>
  40. Gracias (. ◠ ᴗ ◠.) Presentó: Irving Hernández / irving.hernandez@coppel.com