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.

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
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
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
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
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
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
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
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
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