Curso de a accesibilidad web - Módulo 1: Sensibilización
Upcoming SlideShare
Loading in...5
×
 

Curso de a accesibilidad web - Módulo 1: Sensibilización

on

  • 4,834 views

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

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

Statistics

Views

Total Views
4,834
Views on SlideShare
4,585
Embed Views
249

Actions

Likes
7
Downloads
176
Comments
3

6 Embeds 249

http://campusvirtual.unex.es 170
http://127.0.0.1 41
http://www.escueladeprogramadores.com 27
http://www.slideshare.net 8
http://decaulion.us.es 2
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Curso de a accesibilidad web - Módulo 1: Sensibilización Curso de a accesibilidad web - Módulo 1: Sensibilización Presentation Transcript

  • Curso-Taller Introducción a la Accesibilidad y Usabilidad Web Mario Carvajal Diciembre 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! 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.
  • 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 02 referente bastante objetivo.
  • 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;.
  • 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... Mostrar responsabilidad social Reducir la Decreto 1151 responsabilidad “Gobierno en legal Línea”
  • Sensibilización Las WCAG o simplemente “las guacas”
  • Sensibilización Evolución de las guacas 1999 2008 • WCAG 1.0 • WCAG 2.0
  • Sensibilización ¿Cómo están compuestas las guacas 1.0? 14 pautas o directrices 65 puntos de verificación Tres niveles de conformidad
  • 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
  • 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.
  • 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
  • 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
  • Sensibilización Los principios Robusto Perceptible Comprensible Operable
  • Sensibilización 1. Perceptible Textos alternativos Multimedios basados en el tiempo Adaptable Diferenciable
  • Sensibilización 2. Operable Accesible por teclado Tiempo suficiente Convulsiones Navegable
  • Sensibilización 3. Comprensible Legible Predecible Ingreso asistido
  • Sensibilización 4. Robusto Compatible
  • 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.
  • 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]
  • 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