Taller de introducción a la accesibilidad web
29
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...).
description
Taller de introducción a la accesibilidad web realizado en Redesuy para personas con o
Transcript of Taller de introducción a la accesibilidad web
AccesibilidadIntroducció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...).
AutoresUsuarios
Componentes de la accesibilidad web
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
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
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
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
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
Accesibilidad Universal
Opción 1Opción 1 Versus Opción 2 Opción 2
La accesibilidad nos beneficia a TODOS
• 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
• No solo beneficia a personas con discapacidad
¿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???
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 proyectoa lo largo de todo el proyecto por todos los involucrados.
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.
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
¿Por donde empezar?
Principios, pautas y criterios de conformidad de WCAG 2.0
Niveles de Accesibilidad
4 Principios
4 Principios
12 Pautas
12 Pautas
61 Criterios de
conformidad
61 Criterios de
conformidad
Conceptos fundamentales
Objetivos Básicos Requisitos concretos a cumplir, testeables
•
Perceptible• Operable• Comprensible• Robusto
Documentos complementarios
WCAG 2.0Pautas de accesibilidad de
contenido web
Como Cumplir
Como Cumplir
Técnicas
Técnicas ComprenderComprender
How to meet WCAG2.0
Techniques for WCAG 2.0
Understanding WCAG2.0
Ejemplo 1Pautas online
Algunos criterios importantes al ingresar contenido
¿Qué descripción le pondrías?
Ítem 1 Ítem 2
Ejercicio 11 2 3
4 5 6
Una posible solución…
Ítem 1 Ítem 2
Ejercicio 11 2 3
4 5 6
alt = “¡Importante!”
alt = “ Gatito”
alt = “En formato pdf”
alt = “3 años de garantía”
alt= "Introduzca las letras de la imagen"alt = “”
Si la imagen necesita más descripción...
<img src="grafico1.gif“
alt = "Variación porcentual en el incremento de colombianos y ecuatorianos en España. 1998 - 2007.“
longdesc="grafico1.html" />
Ejemplo:
1.2 Medios Tempodependientes
Que nos marcan?
Mapa conceptual?
Cómo profundizo después de esta clase?
Proveer alternativas para multimedia
Cinco medidas de accesibilidad diferentes:• Transcripción textual: descripciones tanto de la parte visual como
de la parte auditiva
• Subtítulos
• Audiodescripción
• Audiodescripción ampliada
• Interpretación en lengua de señas
Perceptible | Operable | Distinguible | Robusto
Evaluación de accesibilidad
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.
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 del
código
Recomendado en Pauta 4.1 de WCAG 2.0
Evaluaciones automáticas >>Estándares
• Hojas de Estilos CSS– Garantiza portabilidad– Facilita mantenibilidad del
código
Recomendado en Pauta 4.1 de WCAG 2.0
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
Evaluaciones automáticas >>Pautas de Accesibilidad
http://www.tawdis.net/
http://examinator.ws/
http://www.totalvalidator.com/
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.
