Este documento introduce el tema de la accesibilidad web y proporciona información sobre las limitaciones que enfrentan las personas con discapacidades al acceder contenido en línea. Explica los principios de diseño universal y las pautas WCAG 2.0 para lograr sitios web accesibles para todos los usuarios, independientemente de sus capacidades. También describe herramientas de evaluación automática que pueden usarse para verificar el cumplimiento de estándares y pautas de accesibilidad.

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 a las clases en Facultad de Ingeniería . No obstante, esta
presentación puede contener opiniones del autor (en lo posible, pocas...).

2. Todos somos diferentes
https://www.youtube.com/watch?v=pmqrscX6wa8

3. Definir el público objetivo
• Tecnología
• Dispositivo (pantalla, teclado, mouse)
• Banda ancha
• Browser
• Plugin (flash, etc.)
• JavaScript
• Etc.

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. ¿Quiénes más usan la web?

6. ¿Quiénes más usan la web?

7. Discapacidad en Uruguay
• 10% de la población mundial tiene alguna
discapacidad
• En Uruguay: 16%

8. Tecnologías de apoyo

9. De la
Computadora
Del Navegador Del Contenido
AutoresUsuarios
Componentes de la
accesibilidad web

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

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

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

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

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

15. No todos navegamos igual (1)
Si quisieras mirar un video de
Mafalda en el Aeropuerto…
¿Qué palabras se dicen durante los
primeros 25 segundos?
¿Cuántas veces llama Mafalda por su
nombre a su mamá?
Ejercicio 1
http://www.youtube.com/watch?v=T5TBMCekc2g
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

16. No todos navegamos igual (1)
Ejercicio 1
¿Qué solución plantearías?
• Que el usuario lleve siempre
audífonos.
• Que subtitulen los videos.
• Que el usuario se compre un
equipo con sonido más potente.
• Que el usuario no utilice
Internet 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. 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 2
http://www.ain.gub.uy/

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 mano
izquierda para casos de emergencia.
• Que no tomen mate mientras trabajan.

19. Diseño
para
alguno
s

20. Diseño Universal – Diseño para
todos

21. Ejempl
o de
Diseño
Univers
al

22. Accesibilidad Universal
Opción 1 Versus Opción 2

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

24. ¿Todavía no los convencí?

25. ¿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???

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

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

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

29. Diseño universal >> 1) Igualdad
de uso
Diseño útil para personas con
distintas capacidades.
-- Mismas formas de uso
-- Evita segregar o estigmatizar
-- Atractivo para todos
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77

30. Diseño universal >> 2)
Flexibilidad
Se adecua a preferencias y
habilidades individuales
• Elección en los métodos
de uso.
• Con la mano derecha e
izquierda.
• Facilita exactitud y
precisión.
• Según el ritmo del
usuario.
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77

31. Diseño universal >> 3) Simple e
intuitivo
Fá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. Diseño universal >> 4) Información fácil de
percibir
Intercambiar información independientemente de capacidades sensoriales o condiciones
ambientales.
• 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. Diseño universal >> 5) Tolerante a
errores
Proactividad en cuanto a los
posibles errores que el usuario
pueda cometer en su interacción
procurando minimizarlos en
diseño.
• Elementos más usados, más
accesibles;
• Elementos peligrosos, menos
accesibles.
• Advertencias
• Características seguras de
interrupción.
• Desalienta acciones
inconscientes
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77

34. Diseño universal >> 6) Escaso
esfuerzo físico
Debe poder ser usado
eficazmente y con el
mínimo esfuerzo
• Permita mantener una
posición corporal neutra.
• Fuerza razonable
• Minimice acciones
repetitivas.
• Minimice esfuerzo físico
continuado.
http://design-dev.ncsu.edu/openjournal/index.php/redlab/article/view/129/77

35. Diseño universal >> 7) Dimensiones
apropiadas
Tamaño y espacio apropiados independientemente del tamaño del cuerpo, postura
o 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. ¿Por donde empezar?

37. Principios, pautas y criterios de
conformidad de WCAG 2.0
A
•Debe cumplir
AA
•Debería cumplir
AAA
•Si cumple es mucho mejor.
Niveles de Accesibilidad
4
Principios
12
Pautas
61
Criterios de
conformidad
Conceptos
fundamentales
Objetivos Básicos Requisitos concretos a
cumplir, testeables
• Perceptible
• Operable
• Comprensible
• Robusto

38. Documentos complementarios
WCAG 2.0
Pautas de accesibilidad de
contenido web
Como Cumplir Técnicas Comprender
How to meet
WCAG2.0
Techniques for
WCAG 2.0
Understanding
WCAG2.0
Ejemplo 1
Pautas online

39. Evaluaciones automáticas
• Objetiva
• Rápida
• Económica
• Utilizando herramientas gratuitas
– Estándares W3C
– Pautas WCAG

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

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

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

43. Evaluaciones automáticas >>Pautas de
Accesibilidad
http://www.tawdis.net/
http://examinator.ws/
http://www.totalvalidator.com/

44. Todos somos diferentes
La discapacidad está en el medio,
no en las personas.