Curso de a accesibilidad web - Módulo 1: Sensibilización
-
Upload
mario-carvajal -
Category
Design
-
view
3.274 -
download
2
description
Transcript of Curso de a accesibilidad web - Módulo 1: Sensibilización
![Page 1: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/1.jpg)
Curso-Taller Introducción a la Accesibilidad y Usabilidad
Web
Mario CarvajalDiciembre 2008
![Page 2: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/2.jpg)
Módulo 1 /
Sensibilización en Accesibilidad Web
“Las personas no siempre navegan como tú”
![Page 3: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/3.jpg)
Sensibilización
Cómo navegan las personas
No todas las personas navegan como tú. Entender esas diferencias es el primer paso para que la accesibilidad web sea parte de tu rutina, de tus hábitos. 01
![Page 4: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/4.jpg)
Caso 1. Miguel en el aeropuerto
![Page 5: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/5.jpg)
![Page 6: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/6.jpg)
Sensibilización
Después de ver el video anterior, responde...
• ¿Qué palabras se dicen durante los primeros 25 segundos de video?
• ¿Cuántas veces llama Mafalda por su nombre a su mamá?• Mafalda cierra el video diciendo: “…pero en momentos como
este, la palabra ‘mamá’ es solo un ________” ¿Cuál es la palabra que usa?
![Page 7: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/7.jpg)
Sensibilización
¿Qué solución plantearías?• Que el usuario consiga y lleve siempre un juego de audífonos
aislantes.• Que antes de subir el video a Internet, lo subtitulen.• Que el usuario busque un equipo con un sonido más potente.• Que el usuario no utilice Internet en espacios públicos.
![Page 8: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/8.jpg)
Caso 2. Graciela y su vieja computadora
![Page 9: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/9.jpg)
![Page 10: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/10.jpg)
Sensibilización
¿Qué solución plantearías?• Llenándote de mucha paciencia.• Buscando un café internet con más ancho de banda.• Creando páginas web solo-texto.• Separando el contenido de la estructura y de la presentación.
![Page 11: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/11.jpg)
Caso 3. Marcela y su fractura
de mano derecha
![Page 12: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/12.jpg)
Sensibilización
¿Qué solución plantearías?• Aconsejándoles que practiquen el manejo del ratón con su mano
izquierda, en caso de emergencias.• Sugiriéndoles que busquen un programa para manejar el computador
con la voz.• Habilitando atajos de teclado para los vínculos más importantes (por
ejemplo: Alt + I = lo lleva a la página de inicio).• Indicándoles que usen pantallas táctiles.
![Page 13: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/13.jpg)
Sensibilización
¡A trabajar! Taller Nº 1
1. A partir de grupos formados por el profesor, discuta con sus compañeros y plantee soluciones para cada uno de los tres casos vistos en clase.
2. Por consenso, presente ante sus compañeros del taller, la mejor solución a cada problema, sustentando con sólidos argumentos el resultado.
![Page 14: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/14.jpg)
Sensibilización
¿Qué es la Accesibilidad Web?
Es la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad que presenten (física, intelectual o técnica) o de las que se deriven del contexto de uso (tecnológicas o ambientales).»
![Page 15: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/15.jpg)
Sensibilización
Directrices y normas de Accesibilidad Web
Por fortuna, el webmáster actual tiene las directrices WCAG y, en el caso de algunos países, normalización en Accesibilidad Web, que le permiten tener un referente bastante objetivo.
02
![Page 16: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/16.jpg)
Sensibilización
El Consorcio W3C
"Guiar la Web hacia su máximo potencial a través del desarrollo
de protocolos y pautas que aseguren el crecimiento futuro
de la Web".
![Page 17: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/17.jpg)
Sensibilización
La Iniciativa de Accesibilidad Web - WAI
• ATAG: Pautas de Accesibilidad para Herramientas de Autor• UAAG: Pautas de Accesibilidad para Herramientas de Usuario• WCAG: Pautas de Accesibilidad para el Contenido en la Web
![Page 18: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/18.jpg)
Sensibilización
¿Y en Colombia?
• Decreto 1151 Manual de Gobierno en Línea.
• No hay normalización aún -> Icontec
![Page 19: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/19.jpg)
Sensibilización
Beneficios de un sitio web accesible
![Page 20: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/20.jpg)
Sensibilización
Incrementar la cuota de mercado y alcance de audiencia
• Mejorar la usabilidad para los visitantes no-discapacitados y discapacitados
• Soporte para niveles de baja alfabetización• Mejorar los listados de los motores de búsqueda• Contenido reutilizable por múltiples formatos o dispositivos• Incrementa el soporte para la Internacionalización• Asistencia al acceso de los usuarios con reducido ancho de banda
![Page 21: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/21.jpg)
Sensibilización
Mejorar la eficiencia• Reduce el mantenimiento del sitio• Mejoras del Motor de Búsqueda del Sitio• Reutilización de Contenido• Gestiona la carga del servidor• Gestiona el ancho de banda del servidor
![Page 22: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/22.jpg)
Sensibilización
además...
![Page 23: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/23.jpg)
Sensibilización
Las WCAG o simplemente
“las guacas”
![Page 24: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/24.jpg)
Sensibilización
Evolución de las guacas
![Page 25: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/25.jpg)
Sensibilización
¿Cómo están compuestas las guacas 1.0?
![Page 26: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/26.jpg)
Sensibilización
Ejemplo...
![Page 27: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/27.jpg)
Sensibilización
¡A trabajar!Acercándonos a las WCAG 1.0
Taller Nº 2
1. Con sus compañeros, lea la directriz asignada.
2. Busque un ejemplo (bien sea de su correcta aplicación o de su incumplimiento) en una página web, preferiblemente en www.elpais.com.co
3. Exponga ante sus compañeros del curso los resultados.
![Page 28: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/28.jpg)
Sensibilización
Grupos de trabajo Taller Nº 2
1. Grupo A: Punto de verificación 8.12. Grupo B: Punto de verificación 12.43. Grupo C: Punto de verificación 3.54. Grupo D: Punto de verificación 5.3
![Page 29: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/29.jpg)
Sensibilización
¿Y las guacas 2.0?
![Page 30: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/30.jpg)
Sensibilización
Los principios
![Page 31: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/31.jpg)
Sensibilización
1. Perceptible
![Page 32: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/32.jpg)
Sensibilización
2. Operable
![Page 33: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/33.jpg)
Sensibilización
3. Comprensible
![Page 34: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/34.jpg)
Sensibilización
4. Robusto
![Page 35: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/35.jpg)
Sensibilización
¡A trabajar!Acercándonos a las WCAG 2.0
Taller Nº 3
1. Con sus compañeros, lea la directriz asignada.
2. Busque un ejemplo (bien sea de su correcta aplicación o de su incumplimiento) en una página web, preferiblemente en www.elpais.com.co
3. Exponga ante sus compañeros del curso los resultados.
![Page 36: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/36.jpg)
Sensibilización
Grupos de trabajo Taller Nº 3
1. Grupo A: Criterios 1.1.1 [Textos] y 1.2.2 [Multimedios] 2. Grupo B: Criterios 2.4.1 y 2.4.4 [Navegable]3. Grupo C: Criterios 3.1.1 y 3.1.4 [Legible] 4. Grupo D: Criterio 4.1.1 [Procesamiento]
![Page 37: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/37.jpg)
Sensibilización
Creá webs accesibles
![Page 38: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/38.jpg)
Sensibilización
La campaña en acción...
![Page 39: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/39.jpg)
Sensibilización
La campaña en acción...
![Page 40: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/40.jpg)
Sensibilización
La campaña en acción...
![Page 41: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/41.jpg)
Sensibilización
La campaña en acción...
![Page 42: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/42.jpg)
Sensibilización
La campaña en acción...
![Page 43: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/43.jpg)
Sensibilización
¿Y la comunidad?
![Page 44: Curso de a accesibilidad web - Módulo 1: Sensibilización](https://reader036.fdocumento.com/reader036/viewer/2022062300/557ba174d8b42aa5758b5596/html5/thumbnails/44.jpg)
Sensibilización
¿Dónde estudiar y profundizar?
• Curso de introducción del SENA Virtual• Curso de Universidad de Murcia• Curso de Fundación CTIC• Máster en Tecnologías Accesibles (UOC)• Cursos de la Fundación SIDAR