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