Curso-Taller Introducción a la Accesibilidad y Usabilidad

Web

Mario CarvajalDiciembre 2008

Módulo 1 /

Sensibilización en Accesibilidad Web

“Las personas no siempre navegan como tú”

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

Caso 1. Miguel en el aeropuerto

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?

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.

Caso 2. Graciela y su vieja computadora

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.

Caso 3. Marcela y su fractura

de mano derecha

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.

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.

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

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

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

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

Sensibilización

¿Y en Colombia?

• Decreto 1151 Manual de Gobierno en Línea.

• No hay normalización aún -> Icontec

Sensibilización

Beneficios de un sitio web accesible

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

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

Sensibilización

además...

Sensibilización

Las WCAG o simplemente

“las guacas”

Sensibilización

Evolución de las guacas

Sensibilización

¿Cómo están compuestas las guacas 1.0?

Sensibilización

Ejemplo...

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.

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

Sensibilización

¿Y las guacas 2.0?

Sensibilización

Los principios

Sensibilización

1. Perceptible

Sensibilización

2. Operable

Sensibilización

3. Comprensible

Sensibilización

4. Robusto

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.

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]

Sensibilización

Creá webs accesibles

Sensibilización

La campaña en acción...

Sensibilización

La campaña en acción...

Sensibilización

La campaña en acción...

Sensibilización

La campaña en acción...

Sensibilización

La campaña en acción...

Sensibilización

¿Y la comunidad?

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