1.
Introducción
a la
accesibilidad web

2.
Agenda
• El uso de la web
• Accesibilidad
• ¿Por qué debería importarme?
• Accesibilidad de principio a fin
• Diseño universal
• ¿Por dónde empiezo?
• Reflexión final

3.
El uso de la web
web developer by Hugo Alberto from the Noun Project

4.
¿Quiénes usan la Web?
• ¿Qué se necesita para usar la web?
– ¿Internet?
– ¿Una computadora?
• ¿Con eso es suficiente?
– ¿Alfabetización?
– ¿Alfabetización digital?
– ¿Motivación?
– Accesibilidad

5.
¿Quienes más usan la web?
• Personas con discapacidades
• Personas usando dispositivos muy antiguos
• … o muy nuevos
• Personas de edad avanzada

6.
Definir el público objetivo
Tecnologí
a
Dispositivo (pantalla, teclado, mouse)
Velocidad de conexión
Navegador
Plugin (Flash, etc.) JavaScript
Usuario sin ninguna discapacidad
CC https://www.flickr.com/photos/flat61/

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

8.
Accesibilidad
Wheelchair Accessible by Ed Piel from the Noun Project

9.
Definiendo “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.

10.
¿Por qué debería importarme?
questions by Gregor Črešnar from the Noun Project

11.
1. Web, luego existo
• El uso de la web se ha extendido en todas las
áreas de la sociedad
– Recurso clave para
• noticias, información, comercio, entretenimiento,
educación en las aulas, la enseñanza a distancia, la
búsqueda de empleo, la interacción del lugar de
trabajo, la participación ciudadana, los servicios
gubernamentales.
– Una web accesible significa un acceso sin
precedentes a la información para las personas
con discapacidad.

12.
2. Barreras para todos (1)
•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
•Falta de alternativas textuales a información
sonora
•Lenguaje no claro
•Tiempo limitado de espera de respuesta
•No soporte de alternativas de teclado
Discapacidades Visuales:
Ceguera, baja visión,
problemas para distinguir
colores
Discapacidades
Auditivas:
Sordera parcial o total
Discapacidades Motrices:
Dificultad o imposibilidad de
mover las manos, temblores o
lentitud muscular etc.

13.
2. Barreras para todos (2)
Discapacidades
Cognitivas: Dificultad de
aprendizaje (Dislexia) o
discapacidades cognitivas que
afecten la memoria, la atención, las
habilidades lógicas etc.
Limitaciones
tecnológicas:
Tecnología antigua o muy
nueva,
Limitaciones asociadas con la
edad avanzada
•Textos no claros
•Dificultades en la navegación
•Única forma de transmitir información
•Visión, audición, motrices, memoria
•Limitaciones de ancho de banda,
•Uso de computadora con limitaciones de
administración

14.
3. El círculo de la invisibilidad
• Millones de personas tienen discapacidades
que afectan el acceso a la Web
10% de la población mundial tiene alguna discapacidad
La edad promedio de la población en muchos países es cada vez mayor;
edad, algunas veces da lugar a combinaciones de los problemas de accesibilidad;
de visión y audición cambios, los cambios en la destreza y la memoria.

15.
Algunos números
Discapacidad en el
mundo 10%
(OMS)
• 16%: Discapacidad (INE, 2012)
¿Cuantas personas usan móvilespara
acceder a internet?
• 14,1%: Mayores de 65 años (INE,
2012)
• 51%: De los hogares de bajo nivel
socioeconómico, la XO es la única
computadora (CIFRA, 2012)

16.
4. ¿Y a mi qué?
• La accesibilidad web también tiene beneficios para los demás
usuarios
– Multimodalidad (apoyo visual, auditiva, táctil acceso) beneficia a los
usuarios de:
• los teléfonos móviles con pantallas pequeñas, Web-TV, kioscos.
– Multimodalidad aumenta la usabilidad de los sitios Web en diferentes
situaciones:
• bajo ancho de banda (descarga más rápida); ambientes ruidosos (difícil
escuchar el audio); pantalla antideslumbrante (difícil ver la pantalla).
– Texto / audio / vídeo redundante pueden apoyar:
• diferentes estilos de aprendizaje; l
• bajos niveles de alfabetización;
• el acceso de un segundo idioma.
– Las hojas de estilo pueden apoyar:
• eficiencia y mantenimiento del sitio.
– Subtitulado de archivos de audio:
• mejor indexación de contenido; búsqueda más rápida del contenido.

17.
La accesibilidad nos beneficia a TODOS
• De edad avanzada
• Con conexiones lentas
• Con tecnologías antiguas
• Con tecnologías muy nuevas
• Que operen en contextos no ideales
• Con bajo nivel de alfabetización
• Que no hablan el idioma
• Nuevos o poco frecuentas
No es solo para personas con discapacidad
Usuarios en su diversidad:

18.
¿Por qué hacer una web accesible?
• Menor costo de mantenimiento
• Menor costo en capacidad del servidor
• Menor tiempo de carga
• Evita crear múltiples versiones
• Independencia de dispositivo
• Menor costo de actualización a nuevas tecnologías
• Mejora la usabilidad
• Mejora en la indexación en buscadores
• SEO gratis!
• Demostrar responsabilidad social
Qué tal preguntarnos: Por qué no hacerlo???
CC ringling.libguides.com

19.
Además …
• No es difícil
• No es más costoso
• No implica diseños primitivos, feos, simples
• No implica crear versiones
Es un requisito más
desde el inicio del proyecto
a lo largo de todo el proyecto
por todos los involucrados.

20.
Accesibilidad de principio a fin
by creative outlet from the Noun Project

21.
Accesibilidad a la computadora
Tecnologías de
apoyo
Dispositivos de Entrada
Teclado
Filtros
Protectores
Teclado en
pantalla
Palillos
Mouse
Teclado
Numérico
Pulsadores
Trackball
Joystick
Dispositivos de Salida
Monitor
Lector de
pantalla
Lector de
textos
Magnificadores
Lupas
Impresora
Impresora
Braille
Parlantes
Alertas visuales
y leyendas
Lectura recomendada:
“Tecnología de apoyo
para la inclusión” (.pdf,
1.82 MB )

22.
Algunos ejemplos

23.
Lectores de pantalla
• Jaws
– No es un Software gratuito, se pueden descargar guías de
usuario y demos en:
http://www.funcaragol.org/html/mainjaws.htm
• NVDA
– Lector de pantalla gratuito y de código abierto para Windows.
Está disponible en 11 idiomas, entre los que se encuentra el
español. Información y descargas en la página web del
proyecto: http://www.nvaccess.org/.
• Orca
– Software libre, de código abierto que posee un lector de
pantalla y un magnificador. Ayuda a proporcionar acceso a
aplicaciones y herramientas dentro del entorno Linux. Se
puede descargar desde
http://wiki.tiflolinux.org/index.php?title=Orca/DescargarInstal
ar

24.
Diseño Universal
by Olivier Guin from the Noun Project

25.
Accesibilidad Universal - Diseño Universal
Opción 1 Versus Opción 2

26.
Tecnologías de apoyo y diseño universal
• Centro de Accesibilidad de Windows
• Tecnologías de Asistencia en Linux
• Laptops tienen características propias de diseño universal
Fuente: “Tecnologías de apoyo para la inclusión”

27.
¿Por dónde empiezo?

28.
W3C
• World Wide Web Consortium (W3C)
– consorcio internacional independiente
– promueve la evolución y la interoperabilidad de la Web
con un fuerte enfoque en la universalidad de la Web.
• W3C opera desde tres lugares físicos, además de
oficinas en otros países:
– MIT para América del Norte, ERCIM para Europa, la
Universidad de Keio para Asia;
• Tiene cinco "dominios":
– Arquitectura, Interacción, Tecnología y Sociedad, Web
ubicua, la Iniciativa de Accesibilidad Web.

29.
WAI
• Web Accessibility Initiative – Iniciativa de Accesibilidad Web (WAI), un
grupo de trabajo del Consorcio de la World Wide Web (W3C).
• Ha publicado pautas para cada uno de los componentes esenciales de la
accesibilidad web
– Contenido: información y aplicaciones web, incluyendo texto, imágenes,
sonido, código o etiquetado que define estructura, presentación, etc.
• Pautas de Accesibilidad al Contenido (WCAG)
– Agentes de usuario como navegadores y reproductores multimedia
• Pautas de Accesibilidad para Agentes de Usuario (UAAG)
– Herramientas de autor: software que crea sitios web
• Pautas de Accesibilidad para Herramientas de Autor (ATAG)
– Tecnología de apoyo como lectores de pantalla, teclados alternativos,
switches, software de escaneo, etc.
– El conocimiento de los usuarios, las experiencias, y en algunos casos, las
estrategias de adaptación mediante la Web
– Desarrolladores
– Herramientas de evaluación: de accesibilidad, validadores de estándares, etc.

30.
Reflexión final
by Aenne Brielmann from the Noun Project

31.
La Universalidad de la Web
“El poder de la Web está en
su universalidad. Un
acceso para todo el mundo
independientemente de su
discapacidad es un aspecto
esencial”
(Tim Berners-Lee, Director del W3C
e inventor de la Web)

32.
Web para todos?
http://www.snap.gub.uy/ 2010

33.
O para algunos?

34.
Web para todos?
www.uruguay.gub.uy 2010

35.
O para algunos?

36.
Lo único universal es la diversidad
Limitación X Contexto = Discapacidad
Cualquier limitación (característica personal o
tecnológica) puede transformarse en una
discapacidad si el contexto impone barreras

37.
La discapacidad está en el
medio,
no en las
personas.

38.
Silvia Da Rosa
@okactivist
C.C. www.mutuaspalabras.blogspot.com