La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

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

Presentaciones similares


Presentación del tema: "Curso-Taller Introducción a la Accesibilidad y Usabilidad Web Mario Carvajal Diciembre 2008."— Transcripción de la presentación:

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

5

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

9

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

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

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 Decreto 1151 “Gobierno en Línea” Reducir la responsabilidad legal

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

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

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

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

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

28 Sensibilización Grupos de trabajo Taller Nº 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 principios12 pautas o directrices60 puntos de verificaciónTres niveles de conformidad338 técnicas

30 Sensibilización Los principios Perceptible OperableComprensible Robusto

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

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

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


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

Presentaciones similares


Anuncios Google