Taller de introducción a la accesibilidad web
•Descargar como PPT, PDF•
1 recomendación•1,126 vistas
Taller de introducción a la accesibilidad web realizado en Redesuy para personas con o
Recomendados
Más contenido relacionado
Destacado
Destacado (20)
Similar a Taller de introducción a la accesibilidad web
Similar a Taller de introducción a la accesibilidad web (20)
Más de tayzee
Más de tayzee (20)
Taller de introducción a la accesibilidad web
- 1. Accesibilidad Introducción Disclaimer: Lamentablemente (para el autor) nada de esto es creación del autor, su único mérito es recopilar información reconociendo a los autores originales y presentarlo en un formato apropiado para servir de apoyo. No obstante, esta presentación puede contener opiniones del autor (en lo posible, pocas...).
- 2. Componentes de la accesibilidad web Usuarios Autores
- 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. 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. 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. 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. 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. Accesibilidad Universal Opción 1 Opción 1 Versus Opción 2 Opción 2
- 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. ¿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. Además … • No es difícil • No es más costoso • No implica diseños primitivos, feos, simples • No implica crear versiones Un requisito más desde el inicio del proyecto a lo largo de todo el proyecto por todos los involucrados.
- 12. Accesibilidad Web La posibilidad que recursos web (información y servicios) puedan ser utilizados de forma satisfactoria por el mayor número posible de personas, independientemente de las limitaciones personales o de limitaciones derivadas de su entorno, sean éstas de carácter físico, mental, educativo, familiar o socio-económico.
- 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
- 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. Documentos complementarios WCAG 2.0 Pautas de accesibilidad de contenido web Ejemplo 1 Pautas online Como Cumplir Como Cumplir Técnicas Técnicas Comprender Comprender How to meet Techniques for Understanding WCAG2.0 WCAG 2.0 WCAG2.0
- 17. Algunos criterios importantes al ingresar contenido
- 18. ¿Qué descripción le pondrías? 1 2 3 Ejercicio 1 4 5 6 Ítem 1 Ítem 2
- 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. 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. Perceptible | Operable | Distinguible | Robusto 1.2 Medios Tempodependientes Proveer alternativas para multimedia Cinco 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
- 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. Evaluaciones automáticas • Objetiva • Rápida • Económica • Utilizando herramientas gratuitas – Estándares W3C – Pautas WCAG
- 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. 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. 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. Evaluaciones automáticas >>Pautas de Accesibilidad http://www.tawdis.net/ http://examinator.ws/ http://www.totalvalidator.com/
- 29. Cumplir las pautas no es lo mismo que ser accesible Un portal web... • Puede cumplir con todas las pautas • Puede pasar todos los test automáticos • Puede parecer accesible Sin embargo ... • Puede seguir teniendo barreras de acceso Entonces... • 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.
Notas del editor
- Introduction to UI and UI components Modeling of users Task modeling Iterative design Writing usable documentation User interface metrics Testing with users
- La primera evaluación a realizar debe ser utilizando herramientas automáticas, porque es la más objetiva, rápida y económica. En Internet existen disponibles una serie de herramientas gratuitas para validar distintos aspectos de la accesibilidad como el cumplimiento de estándares, el cumplimiento de pautas y de aspectos específicos de la accesibilidad, así como simuladores de discapacidades y de otras tecnologías. Estas evaluaciones se aplican en prototipos y versiones de la solución.
- La validación de estándares (X)HTML es recomendada en la Pauta 4.1 de accesibilidad de la WCAG2.0. Es más fácil realizar correcciones y modificaciones a un código bien formado y prolijo, por lo que se recomienda comenzar con la validación de HTML. Además, validar el código de las páginas garantiza la portabilidad a distintos dispositivos y mejora la indexación en buscadores. W3C dispone del servicio en línea gratuito de validación
- El uso de CSS brinda flexibilidad para modificar el diseño fácilmente, rapidez para descargar las páginas, se genera un código HTML independiente del diseño lo que facilita su interpretación por medio de ayudas técnicas, entre otros beneficios. La validación de hojas de estilo contribuirá a mejorar la mantenibilidad del código además de garantizar la portabilidad del portal, ya que evitará que se use código no estándar propietario de algún navegador que no funcione en otro navegador. W3C dispone del servicio en línea para validar la gramática del código de los archivos CSS
- Existen herramientas que ayudan a evaluar ciertos aspectos de la accesibilidad. Los validadores automáticos de accesibilidad revisan puntos conflictivos con la accesibilidad según pautas y estándares, y presentan un informe con los resultados. No es posible realizar una evaluación completa utilizando solamente herramientas automáticas, ya que algunos aspectos de la accesibilidad requieren una evaluación manual humana. Por otro lado, el evaluador se puede encontrar con falsos positivos y falsos negativos. La herramienta puede indicar que una página no contiene barreras y en una evaluación manual se detectan, o al contrario, la herramienta detecta algun problema que al revisar un experto encuentra que no existe. Se sugiere realizar la evaluación automática con al menos dos herramientas para cubrir los problemas detectables automáticamente.
- Existen herramientas que ayudan a evaluar ciertos aspectos de la accesibilidad. Los validadores automáticos de accesibilidad revisan puntos conflictivos con la accesibilidad según pautas y estándares, y presentan un informe con los resultados. Brindan además información relacionada que ayudará a los técnicos a comprender el problema y buscar soluciones. No es posible realizar una evaluación completa utilizando solamente herramientas automáticas. Por otro lado, el evaluador se puede encontrar con falsos positivos y falsos negativos. La herramienta puede indicar que una página no contiene barreras y en una evaluación manual se detectan, o al contrario, la herramienta detecta algun problema que al revisar un experto encuentra que no existe. Se sugiere realizar la evaluación automática con al menos dos herramientas para cubrir los problemas detectables automáticamente. Estas son algunas de las herramientas que se pueden utilizar para este tipo de evaluaciones de Accesibilidad: TAW, Test de Accesibilidad Web y examinator son herramientas en línea gratuitas de evaluacion de pautas WCAG 2.0. La ventaja de Total validator es que puedes descargarla en tu pc para evaluar prototipos que no tienen una dirección pública para ser accedidas desde Internet.