AccesibilidadIntroducciónDisclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito e...
Todos somos diferenteshttps://www.youtube.com/watch?v=pmqrscX6wa8
Definir el público objetivo• Tecnología• Dispositivo (pantalla, teclado, mouse)• Banda ancha• Browser• Plugin (flash, etc....
Definir el público objetivo• Tecnología• Dispositivo (pantalla, teclado, mouse)• Banda ancha• Browser• Plugin (flash, etc....
¿Quiénes más usan la web?
¿Quiénes más usan la web?
Discapacidad en Uruguay• 10% de la población mundial tiene algunadiscapacidad• En Uruguay: 16%
Tecnologías de apoyo
De laComputadoraDel Navegador Del ContenidoAutoresUsuariosComponentes de laaccesibilidad web
Limitaciones en el acceso a laweb (1)Discapacidades Visuales• Ceguera, baja visión, problemas para distinguir colores.• Im...
Limitaciones en el acceso a laweb (2)Discapacidades Auditivas• Sordera parcial o total• Falta de alternativas textuales a ...
Limitaciones en el acceso a laweb (3)Discapacidades Motrices• Dificultad o imposibilidad de mover las manos, tembloreso le...
Limitaciones en el acceso a laweb (4)Discapacidades Cognitivas• Dificultad de aprendizaje (Dislexia) o discapacidadescogni...
Limitaciones en el acceso a laweb (5)• Limitaciones asociadas con la edad avanzada• Visión, audición, motrices, memoria• L...
No todos navegamos igual (1)Si quisieras mirar un video deMafalda en el Aeropuerto…¿Qué palabras se dicen durante losprime...
No todos navegamos igual (1)Ejercicio 1¿Qué solución plantearías?• Que el usuario lleve siempreaudífonos.• Que subtitulen ...
No todos navegamos igual (2)¿Y si no puedes usar el mouse y/o la mano derecha(o izquierda) …• Por un accidente• Porque ten...
No todos navegamos igual (2)Ejercicio 2¿Qué solución plantearías?• Que tengan siempre un mouse de repuesto.• Hacer que las...
Diseñoparaalgunos
Diseño Universal – Diseño paratodos
Ejemplo deDiseñoUniversal
Accesibilidad UniversalOpción 1 Versus Opción 2
La accesibilidad nos beneficia aTODOS• También beneficia a usuarios:– De edad avanzada– Con conexiones lentas otecnologías...
¿Todavía no los convencí?
¿Por qué hacer una webaccesible?• La accesibilidad es rentable• Mayor Público Objetivo• Reducción del tiempo de carga• Mej...
Además …• No es difícil• No es más costoso• No implica diseños primitivos, feos, simples• No implica crear versionesUn req...
Accesibilidad WebLa posibilidad que recursos web(información y servicios) puedan serutilizados de forma satisfactoria por ...
Diseño Universal• La accesibilidad se sustenta en una serie de premisasllamadas principios deldiseño para todos o diseño u...
Diseño universal >> 1) Igualdadde usoDiseño útil para personas condistintas capacidades.-- Mismas formas de uso-- Evita se...
Diseño universal >> 2)FlexibilidadSe adecua a preferencias yhabilidades individuales• Elección en los métodosde uso.• Con ...
Diseño universal >> 3) Simple eintuitivoFácil de entender, independientemente del usuario-a.• Elimina complejidad• Consist...
Diseño universal >> 4) Información fácil depercibirIntercambiar información independientemente de capacidades sensoriales ...
Diseño universal >> 5) Tolerante aerroresProactividad en cuanto a losposibles errores que el usuariopueda cometer en su in...
Diseño universal >> 6) Escasoesfuerzo físicoDebe poder ser usadoeficazmente y con elmínimo esfuerzo• Permita mantener unap...
Diseño universal >> 7) DimensionesapropiadasTamaño y espacio apropiados independientemente del tamaño del cuerpo, posturao...
¿Por donde empezar?
Principios, pautas y criterios deconformidad de WCAG 2.0A•Debe cumplirAA•Debería cumplirAAA•Si cumple es mucho mejor.Nivel...
Documentos complementariosWCAG 2.0Pautas de accesibilidad decontenido webComo Cumplir Técnicas ComprenderHow to meetWCAG2....
Evaluaciones automáticas• Objetiva• Rápida• Económica• Utilizando herramientas gratuitas– Estándares W3C– Pautas WCAG
Evaluaciones automáticas>>Estándares• Gramática (X)HTML– Garantiza portabilidad– Facilita mantenibilidad delcódigoRecomend...
Evaluaciones automáticas>>Estándares• Hojas de Estilos CSS– Garantiza portabilidad– Facilita mantenibilidad delcódigoRecom...
Evaluaciones automáticas >>Pautas deAccesibilidad• Herramientas evalúan ciertos aspectos de laaccesibilidad• Algunos aspec...
Evaluaciones automáticas >>Pautas deAccesibilidadhttp://www.tawdis.net/http://examinator.ws/http://www.totalvalidator.com/
Todos somos diferentesLa discapacidad está en el medio,no en las personas.
Próxima SlideShare
Cargando en…5
×

Accesibilidad - Introducción

1.758 visualizaciones

Publicado el

Int

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
1.758
En SlideShare
0
De insertados
0
Número de insertados
1.192
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Accesibilidad - Introducción

  1. 1. AccesibilidadIntroducciónDisclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a losautores originales y presentarlo en un formato apropiado para servir de apoyo a las clases en Facultad de Ingeniería . No obstante, estapresentación puede contener opiniones del autor (en lo posible, pocas...).
  2. 2. Todos somos diferenteshttps://www.youtube.com/watch?v=pmqrscX6wa8
  3. 3. Definir el público objetivo• Tecnología• Dispositivo (pantalla, teclado, mouse)• Banda ancha• Browser• Plugin (flash, etc.)• JavaScript• Etc.
  4. 4. Definir el público objetivo• Tecnología• Dispositivo (pantalla, teclado, mouse)• Banda ancha• Browser• Plugin (flash, etc.)• JavaScript• Etc.• Usuario sin ninguna discapacidad
  5. 5. ¿Quiénes más usan la web?
  6. 6. ¿Quiénes más usan la web?
  7. 7. Discapacidad en Uruguay• 10% de la población mundial tiene algunadiscapacidad• En Uruguay: 16%
  8. 8. Tecnologías de apoyo
  9. 9. De laComputadoraDel Navegador Del ContenidoAutoresUsuariosComponentes de laaccesibilidad web
  10. 10. Limitaciones en el acceso a laweb (1)Discapacidades Visuales• Ceguera, baja visión, problemas para distinguir colores.• Imágenes sin alternativa textual• Imágenes complejas sin descripción• Fuentes de texto con medidas absolutas• Falta de contraste en colores• Información transmitida con colores
  11. 11. Limitaciones en el acceso a laweb (2)Discapacidades Auditivas• Sordera parcial o total• Falta de alternativas textuales a información sonora• Lenguaje no claro
  12. 12. Limitaciones en el acceso a laweb (3)Discapacidades Motrices• Dificultad o imposibilidad de mover las manos, tembloreso lentitud muscular etc.• Tiempo limitado de espera de respuesta• No soporte de alternativas de teclado
  13. 13. Limitaciones en el acceso a laweb (4)Discapacidades Cognitivas• Dificultad de aprendizaje (Dislexia) o discapacidadescognitivas que afecten la memoria, la atención, lashabilidades lógicas etc.• Textos no claros• Dificultades en la navegación• Única forma de transmitir información
  14. 14. Limitaciones en el acceso a laweb (5)• Limitaciones asociadas con la edad avanzada• Visión, audición, motrices, memoria• Limitaciones Tecnológicas• Tecnología antigua o muy nueva,• Limitaciones de ancho de banda,• Uso de computadora con limitaciones deadministración
  15. 15. No todos navegamos igual (1)Si quisieras mirar un video deMafalda en el Aeropuerto…¿Qué palabras se dicen durante losprimeros 25 segundos?¿Cuántas veces llama Mafalda por sunombre a su mamá?Ejercicio 1http://www.youtube.com/watch?v=T5TBMCekc2gEjemplo tomado de: “Introducción a la Accesibilidad Web”. Mario Carvajal. 2008.http://www.slideshare.net/astromario/curso-de-a-accesibilidad-web-mdulo-1-sensibilizacin
  16. 16. No todos navegamos igual (1)Ejercicio 1¿Qué solución plantearías?• Que el usuario lleve siempreaudífonos.• Que subtitulen los videos.• Que el usuario se compre unequipo con sonido más potente.• Que el usuario no utiliceInternet en espacios públicos.Ejemplo tomado de: “Introducción a la Accesibilidad Web”. Mario Carvajal. 2008.http://www.slideshare.net/astromario/curso-de-a-accesibilidad-web-mdulo-1-sensibilizacin
  17. 17. No todos navegamos igual (2)¿Y si no puedes usar el mouse y/o la mano derecha(o izquierda) …• Por un accidente• Porque tener una mano ocupada• Porque se rompió el mouse…y necesitaras el teléfono del Departamento de RRHH de la AIN?Ejercicio 2http://www.ain.gub.uy/
  18. 18. No todos navegamos igual (2)Ejercicio 2¿Qué solución plantearías?• Que tengan siempre un mouse de repuesto.• Hacer que las funciones sean accesibles por teclado.• Aconsejar a los usuarios que practiquen usar el mouse con la manoizquierda para casos de emergencia.• Que no tomen mate mientras trabajan.
  19. 19. Diseñoparaalgunos
  20. 20. Diseño Universal – Diseño paratodos
  21. 21. Ejemplo deDiseñoUniversal
  22. 22. Accesibilidad UniversalOpción 1 Versus Opción 2
  23. 23. La accesibilidad nos beneficia aTODOS• También beneficia a usuarios:– De edad avanzada– Con conexiones lentas otecnologías antiguas– Con tecnologías muy nuevas– Operen en contextos noideales– Con bajo nivel dealfabetización o que nohablan el idioma– Nuevos o poco frecuentas• No solo beneficia a personas con discapacidad
  24. 24. ¿Todavía no los convencí?
  25. 25. ¿Por qué hacer una webaccesible?• La accesibilidad es rentable• Mayor Público Objetivo• Reducción del tiempo de carga• Mejora en la usabilidad• Mejora en la indexación• Usuario ciego más famoso: GOOGLE• Independencia de dispositivo• Demostrar Responsabilidad Social• Reducir la Responsabilidad LegalQué tal preguntarnos: Por que no hacerlo???
  26. 26. Además …• No es difícil• No es más costoso• No implica diseños primitivos, feos, simples• No implica crear versionesUn requisito másdesde el inicio del proyectoa lo largo de todo el proyectopor todos los involucrados.
  27. 27. Accesibilidad WebLa posibilidad que recursos web(información y servicios) puedan serutilizados de forma satisfactoria por elmayor número posible depersonas, independientemente de laslimitaciones personales o delimitaciones derivadas de suentorno, sean éstas de carácterfísico, mental, educativo, familiar osocio-económico.
  28. 28. Diseño Universal• La accesibilidad se sustenta en una serie de premisasllamadas principios deldiseño para todos o diseño universal.• Objetivo: el diseño de productos y entornosde fácil uso para el mayor número posible de personas,sin la necesidad de adaptarlos o rediseñarlos deuna forma especial.• Sirven para orientar el proyecto entero, desde suconceptualización, alcance y las especificaciones
  29. 29. Diseño universal >> 1) Igualdadde usoDiseño útil para personas condistintas capacidades.-- Mismas formas de uso-- Evita segregar o estigmatizar-- Atractivo para todoshttp://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
  30. 30. Diseño universal >> 2)FlexibilidadSe adecua a preferencias yhabilidades individuales• Elección en los métodosde uso.• Con la mano derecha eizquierda.• Facilita exactitud yprecisión.• Según el ritmo delusuario.http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
  31. 31. Diseño universal >> 3) Simple eintuitivoFácil de entender, independientemente del usuario-a.• Elimina complejidad• Consistente con expectativas e intuición• Se acomoda a alfabetización y habilidades lingüísticas.• Información según su importancia.• Avisos eficaces , respuesta durante y tras la tarea.http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
  32. 32. Diseño universal >> 4) Información fácil depercibirIntercambiar información independientemente de capacidades sensoriales o condicionesambientales.• Diferentes modos para presentar, redundante• Contraste suficiente entre información esencial y el resto• Amplía legibilidad de información esencial.• Diferencia elementos para que permitan ser descritas• Compatibilidad con dispositivos utilizados por personas con limitaciones sensoriales.http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
  33. 33. Diseño universal >> 5) Tolerante aerroresProactividad en cuanto a losposibles errores que el usuariopueda cometer en su interacciónprocurando minimizarlos endiseño.• Elementos más usados, másaccesibles;• Elementos peligrosos, menosaccesibles.• Advertencias• Características seguras deinterrupción.• Desalienta accionesinconscienteshttp://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
  34. 34. Diseño universal >> 6) Escasoesfuerzo físicoDebe poder ser usadoeficazmente y con elmínimo esfuerzo• Permita mantener unaposición corporal neutra.• Fuerza razonable• Minimice accionesrepetitivas.• Minimice esfuerzo físicocontinuado.http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
  35. 35. Diseño universal >> 7) DimensionesapropiadasTamaño y espacio apropiados independientemente del tamaño del cuerpo, posturao movilidad• Línea de visión clara y alcance para usuarios sentados y de pie.• Variaciones de tamaño de la mano o del agarre.• El espacio para ayudas técnicas o asistencia personal.http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77
  36. 36. ¿Por donde empezar?
  37. 37. Principios, pautas y criterios deconformidad de WCAG 2.0A•Debe cumplirAA•Debería cumplirAAA•Si cumple es mucho mejor.Niveles de Accesibilidad4Principios12Pautas61Criterios deconformidadConceptosfundamentalesObjetivos Básicos Requisitos concretos acumplir, testeables• Perceptible• Operable• Comprensible• Robusto
  38. 38. Documentos complementariosWCAG 2.0Pautas de accesibilidad decontenido webComo Cumplir Técnicas ComprenderHow to meetWCAG2.0Techniques forWCAG 2.0UnderstandingWCAG2.0Ejemplo 1Pautas online
  39. 39. Evaluaciones automáticas• Objetiva• Rápida• Económica• Utilizando herramientas gratuitas– Estándares W3C– Pautas WCAG
  40. 40. Evaluaciones automáticas>>Estándares• Gramática (X)HTML– Garantiza portabilidad– Facilita mantenibilidad delcódigoRecomendado en Pauta 4.1 de WCAG 2.0
  41. 41. Evaluaciones automáticas>>Estándares• Hojas de Estilos CSS– Garantiza portabilidad– Facilita mantenibilidad delcódigoRecomendado en Pauta 4.1 de WCAG 2.0
  42. 42. Evaluaciones automáticas >>Pautas deAccesibilidad• Herramientas evalúan ciertos aspectos de laaccesibilidad• Algunos aspectos no son automatizables• No es una evaluación completa• Tener en cuenta: falsos positivos y negativos• Utilizar al menos dos herramientas
  43. 43. Evaluaciones automáticas >>Pautas deAccesibilidadhttp://www.tawdis.net/http://examinator.ws/http://www.totalvalidator.com/
  44. 44. Todos somos diferentesLa discapacidad está en el medio,no en las personas.

×