Accesibilidad                                                        IntroducciónDisclaimer: Lamentablemente (para el auto...
Componentes de la accesibilidad webUsuarios                    Autores
Limitaciones en el acceso a la web (1)Discapacidades Visuales• Ceguera, baja visión, problemas para distinguir colores.•  ...
Limitaciones en el acceso a la web (2)Discapacidades Auditivas• Sordera parcial o total• Falta de alternativas textuales a...
Limitaciones en el acceso a la web (3)Discapacidades Motrices• Dificultad o imposibilidad de mover las manos, temblores  o...
Limitaciones en el acceso a la web (4)Discapacidades Cognitivas• Dificultad de aprendizaje (Dislexia) o discapacidades  co...
Limitaciones en el acceso a la web (5)• Limitaciones asociadas con la edad avanzada    • Visión, audición, motrices, memor...
Accesibilidad UniversalOpción 1Opción 1       Versus     Opción 2                          Opción 2
La accesibilidad nos beneficia a TODOS• No solo beneficia a personas con discapacidad• También beneficia a usuarios:   – D...
¿Por qué hacer una web accesible?•   La accesibilidad es rentable•   Mayor Público Objetivo•   Reducción del tiempo de car...
Además …•   No es difícil•   No es más costoso•   No implica diseños primitivos, feos, simples•   No implica crear version...
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 premisas  llamadas principios del               diseño para...
¿Por donde empezar?
Principios, pautas y criterios de conformidad de                   WCAG 2.0            44               12                ...
Documentos complementarios                       WCAG 2.0                Pautas de accesibilidad de                     co...
Algunos criterios importantes    al ingresar contenido
¿Qué descripción le pondrías?1                2        3                                    Ejercicio 14                5 ...
Una posible solución…1                           2                   3                                                    ...
Si la imagen necesita más       descripción...               Ejemplo:               <img src="grafico1.gif“               ...
Perceptible | Operable | Distinguible | Robusto     1.2 Medios TempodependientesProveer alternativas para multimediaCinco ...
Evaluación de accesibilidad
Evaluación de accesibilidad     • Objetiva, rápida y económica.     • Validar de estándares, pautas y aspectos específicos...
Evaluaciones automáticas• Objetiva• Rápida• Económica• Utilizando herramientas gratuitas  – Estándares W3C  – Pautas WCAG
Evaluaciones automáticas >>Estándares  Recomendado en Pauta 4.1 de WCAG 2.0• Gramática (X)HTML  – Garantiza portabilidad  ...
Evaluaciones automáticas >>Estándares  Recomendado en Pauta 4.1 de WCAG 2.0• Hojas de Estilos CSS  – Garantiza portabilida...
Evaluaciones automáticas >>Pautas de Accesibilidad  • Herramientas evalúan ciertos aspectos de la    accesibilidad  • Algu...
Evaluaciones automáticas >>Pautas de Accesibilidad                   http://www.tawdis.net/                   http://exami...
Cumplir las pautas no es lo mismo que ser accesibleUn portal web...      •   Puede cumplir con todas las pautas      •   P...
Próxima SlideShare
Cargando en…5
×

Taller de introducción a la accesibilidad web

981 visualizaciones

Publicado el

Taller de introducción a la accesibilidad web realizado en Redesuy para personas con o

  • Sé el primero en comentar

Taller de introducción a la accesibilidad web

  1. 1. Accesibilidad Introducció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. No obstante, esta presentación puede contener opiniones delautor (en lo posible, pocas...).
  2. 2. Componentes de la accesibilidad webUsuarios Autores
  3. 3. Limitaciones en el acceso a la web (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
  4. 4. Limitaciones en el acceso a la web (2)Discapacidades Auditivas• Sordera parcial o total• Falta de alternativas textuales a información sonora• Lenguaje no claro
  5. 5. Limitaciones en el acceso a la web (3)Discapacidades Motrices• Dificultad o imposibilidad de mover las manos, temblores o lentitud muscular etc.• Tiempo limitado de espera de respuesta• No soporte de alternativas de teclado
  6. 6. Limitaciones en el acceso a la web (4)Discapacidades Cognitivas• Dificultad de aprendizaje (Dislexia) o discapacidades cognitivas que afecten la memoria, la atención, las habilidades lógicas etc.• Textos no claros• Dificultades en la navegación• Única forma de transmitir información
  7. 7. Limitaciones en el acceso a la web (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 de administración
  8. 8. Accesibilidad UniversalOpción 1Opción 1 Versus Opción 2 Opción 2
  9. 9. La accesibilidad nos beneficia a TODOS• No solo beneficia a personas con discapacidad• También beneficia a usuarios: – De edad avanzada – Con conexiones lentas o tecnologías antiguas – Con tecnologías muy nuevas – Operen en contextos no ideales – Con bajo nivel de alfabetización o que no hablan el idioma – Nuevos o poco frecuentas
  10. 10. ¿Por qué hacer una web accesible?• 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 Legal Qué tal preguntarnos: Por que no hacerlo???
  11. 11. Además …• No es difícil• No es más costoso• No implica diseños primitivos, feos, simples• No implica crear versionesUn requisito más desde el inicio del proyecto a lo largo de todo el proyecto por todos los involucrados.
  12. 12. Accesibilidad WebLa posibilidad que recursos web(información y servicios) puedan serutilizados de forma satisfactoria por elmayor número posible de personas,independientemente de laslimitaciones personales o delimitaciones derivadas de su entorno,sean éstas de carácter físico, mental,educativo, familiar o socio-económico.
  13. 13. Diseño Universal• La accesibilidad se sustenta en una serie de premisas llamadas principios del diseño para todos o diseño universal.• Objetivo: el diseño de productos y entornos de fácil uso para el mayor número posible de personas, sin la necesidad de adaptarlos o rediseñarlos de una forma especial.• Sirven para orientar el proyecto entero, desde su conceptualización, alcance y las especificaciones
  14. 14. ¿Por donde empezar?
  15. 15. Principios, pautas y criterios de conformidad de WCAG 2.0 44 12 12 61 61 Principios Principios Pautas Pautas Criterios de Criterios de conformidad conformidad Conceptos Objetivos Básicos Requisitos concretos a fundamentales cumplir, testeables Niveles de Accesibilidad • Perceptible • Operable • Comprensible • Robusto
  16. 16. Documentos complementarios WCAG 2.0 Pautas de accesibilidad de contenido web Ejemplo 1 Pautas onlineComo Cumplir Como Cumplir Técnicas Técnicas Comprender ComprenderHow to meet Techniques for Understanding WCAG2.0 WCAG 2.0 WCAG2.0
  17. 17. Algunos criterios importantes al ingresar contenido
  18. 18. ¿Qué descripción le pondrías?1 2 3 Ejercicio 14 5 6 Ítem 1 Ítem 2
  19. 19. Una posible solución…1 2 3 Ejercicio 1 alt = “¡Importante!” alt = “En formato pdf” alt = “ Gatito”4 5 6 Ítem 1 Ítem 2 alt = “3 años de alt= "Introduzca las letras alt = “” de la imagen" garantía”
  20. 20. Si la imagen necesita más descripción... Ejemplo: <img src="grafico1.gif“ alt = "Variación porcentual en el incremento de colombianos y ecuatorianos en España. 1998 - 2007.“ longdesc="grafico1.html" />
  21. 21. Perceptible | Operable | Distinguible | Robusto 1.2 Medios TempodependientesProveer alternativas para multimediaCinco medidas de accesibilidad diferentes: • Transcripción textual: descripciones tanto de la parte visual como Que nos marcan? de la parte auditiva • Subtítulos Mapa conceptual? • Audiodescripción Cómo profundizo después de esta clase? • Audiodescripción ampliada • Interpretación en lengua de señas
  22. 22. Evaluación de accesibilidad
  23. 23. Evaluación de accesibilidad • Objetiva, rápida y económica. • Validar de estándares, pautas y aspectos específicos de la accesibilidad. • Utilizar simuladores de discapacidades y de otras tecnologías. • Evaluación manual utilizando herramientas y un checklist de apoyo. • Limitar o modificar alguna habilidad física o sensorial: •guantes gruesos para limitar la destreza manual •lentes o venda para limitar la visión •tecnologías de apoyo como lectores de pantalla o punteros bucales. • No evalúan la conformidad con las pautas, detectan barreras.
  24. 24. Evaluaciones automáticas• Objetiva• Rápida• Económica• Utilizando herramientas gratuitas – Estándares W3C – Pautas WCAG
  25. 25. Evaluaciones automáticas >>Estándares Recomendado en Pauta 4.1 de WCAG 2.0• Gramática (X)HTML – Garantiza portabilidad – Facilita mantenibilidad del código
  26. 26. Evaluaciones automáticas >>Estándares Recomendado en Pauta 4.1 de WCAG 2.0• Hojas de Estilos CSS – Garantiza portabilidad – Facilita mantenibilidad del código
  27. 27. Evaluaciones automáticas >>Pautas de Accesibilidad • Herramientas evalúan ciertos aspectos de la accesibilidad • Algunos aspectos no son automatizables • No es una evaluación completa • Tener en cuenta: falsos positivos y negativos • Utilizar al menos dos herramientas
  28. 28. Evaluaciones automáticas >>Pautas de Accesibilidad http://www.tawdis.net/ http://examinator.ws/ http://www.totalvalidator.com/
  29. 29. Cumplir las pautas no es lo mismo que ser accesibleUn portal web... • Puede cumplir con todas las pautas • Puede pasar todos los test automáticos • Puede parecer accesibleSin embargo ... • Puede seguir teniendo barreras de accesoEntonces... • El objetivo no es cumplir pautas, sino ser accesible • Las pautas son herramientas para llegar a la accesibilidad • Es necesario realizar pruebas manuales y test de usuarios • Información de contacto para que el usuario reporte barreas de acceso.

×