Sensibilizar en el tema de la accesibilidad web es fundamental, cuando queramos formar a los futuros webmáster. Es necesario que comprendan que la accesibilidad no es "hacer paginas feas para personas con discapacidad". El objetivo de esta parte del Curso es que se entienda la Accesibilidad Web desde un concepto más amplio: acceso universal, para todos, independientemente de las capacidades físicas, tecnológicas y ambientales...

1. Curso-Taller
Introducción a la Accesibilidad y
Usabilidad Web
Mario Carvajal
Diciembre 2008

2. Módulo 1 /
Sensibilización en Accesibilidad Web
“Las personas no siempre
navegan como tú”

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

4. Caso 1. Miguel en el aeropuerto

6. 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?

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

8. Caso 2. Graciela y su vieja
computadora

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

11. Caso 3.
Marcela y su
fractura de mano
derecha

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

13. Sensibilización
¡A trabajar! TallerNº 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.
1. Por consenso, presente ante sus compañeros del
taller, la mejor solución a cada problema, sustentando
con sólidos argumentos el resultado.

14. 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).

15. 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
02
referente bastante objetivo.

16. Sensibilización
El Consorcio W3C
quot;Guiar la Web hacia su máximo
potencial a través del desarrollo
de protocolos y pautas que
aseguren el crecimiento futuro
de la Webquot;.

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

18. Sensibilización
¿Y en Colombia?
• Decreto 1151 Manual de
Gobierno en Línea.
• No hay normalización aún
->Icontec

19. Sensibilización
Beneficios de un sitio web
accesible

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

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

22. Sensibilización
además...
Mostrar
responsabilidad
social
Reducir la Decreto 1151
responsabilidad “Gobierno en
legal Línea”

23. Sensibilización
Las WCAG
o simplemente
“las guacas”

24. Sensibilización
Evolución de las guacas
1999 2008
• WCAG 1.0 • WCAG 2.0

25. Sensibilización
¿Cómo están compuestas
las guacas 1.0?
14 pautas o directrices
65 puntos de verificación
Tres niveles de conformidad

26. Sensibilización
Ejemplo...
Prioridad 1 Prioridad 2 Prioridad 3
• Proporcionar texto alternativo • Combinar colores de fondo y de • Especificar la expansión de cada
para las imágenes primer plano en forma correcta abreviatura o acrónimo
• No transmitir información a • Usar elementos de encabezado • Identificar el idioma principal de
través de colores para transmitir la estructura un documento
• Identificar los cambios de idioma lógica • Proporcionar atajos de teclado
• Utilizar un lenguaje claro para el • Crear documentos con validez para los vínculos principales
contenido gramatical • Incluir caracteres imprimibles y
• Poder leer el documento sin hoja • Usar hojas de estilo para la espacios entre vínculos
de estilo maquetación y la presentación • Agrupar los vínculos relacionados
• No provocar destellos en la • Utilizar unidades relativas en • Crear un estilo de presentación
pantalla lugar de unidades absolutas en coherente para todas las páginas
las hojas de estilo
• Marcar correctamente las listas y
sus ítems, y las citas

27. Sensibilización
¡A trabajar! TallerNº 2
Acercándonos a las WCAG 1.0
1. Con sus compañeros, leala directriz asignada.
2. Busqueun 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.

28. Sensibilización
Grupos de trabajo TallerNº 2
1. Grupo A: Punto de verificación 8.1
2. Grupo B: Punto de verificación 12.4
3. Grupo C: Punto de verificación 3.5
4. Grupo D: Punto de verificación 5.3

29. Sensibilización
¿Y las guacas 2.0?
4 principios
12 pautas o directrices
60 puntos de verificación
Tres niveles de conformidad
338 técnicas

30. Sensibilización
Los principios
Robusto Perceptible
Comprensible Operable

31. Sensibilización
1. Perceptible
Textos alternativos
Multimedios basados en el tiempo
Adaptable
Diferenciable

32. Sensibilización
2. Operable
Accesible por teclado
Tiempo suficiente
Convulsiones
Navegable

33. Sensibilización
3. Comprensible
Legible
Predecible
Ingreso asistido

34. Sensibilización
4. Robusto
Compatible

35. Sensibilización
¡A trabajar! TallerNº 3
Acercándonos a las WCAG 2.0
1. Con sus compañeros, leala directriz asignada.
2. Busqueun 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.

36. Sensibilización
Grupos de trabajo TallerNº 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]

37. Sensibilización
Creá webs accesibles

38. Sensibilización
La campaña en acción...

39. Sensibilización
La campaña en acción...

40. Sensibilización
La campaña en acción...

41. Sensibilización
La campaña en acción...

42. Sensibilización
La campaña en acción...

43. Sensibilización
¿Y la comunidad?

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