Este documento presenta una capacitación sobre accesibilidad web. Explica que la accesibilidad web permite que las personas con discapacidad puedan percibir, entender, navegar e interactuar con los sitios web. También beneficia a otros usuarios como los mayores o los que usan dispositivos móviles. Revisa los estándares internacionales como las WCAG y la importancia de seguir una planificación estratégica que involucre a todos los roles de una organización para lograr sitios web accesibles.

1. Capacitación en Accesibilidad Web
Mg. María Inés Laitano
Accesibilidad
Web

3. Plan de la capacitación
1. Introducción a la Accesibilidad web
2. Beneficios de un sitio web accesible
3. Estándares internacionales
4. Principales barreras que posee la web
5. Planificación estratégica para la Accesibilidad web

4. ¿Qué es la Accesibilidad Web?
Usable para
las personas
con
discapacidad
Percibir
Entender Navegar
Interactuar
Contribuir

5. 15% de la población mundial
(>1.000 millones de personas)
12,9% de la población argentina
(>5 millones personas)
Personas con discapacidad

6. No sólo para personas con discapacidad
• Discapacidades temporarias
• Impedimentos por la edad
• Baja alfabetización o poco dominio del idioma
• Conexiones lentas o tecnologías antiguas
• Internautas principiantes o poco frecuentes
• ¡Y para todos en general!

7. Personas de 60 años o más que realizaron al menos un viaje en 2013
Turistas mayores en Argentina

8. Accesibilidad web = Derecho Humano
2006
Convención ONU
sobre DDHH de las
personas con
discapacidad
2008
Ratificación
argentina de
la Convención
ONU
2010
Ley
argentina de
Accesibilidad
Web
2013
Reglamentación
de la ley
argentina de
Accesibilidad
Web
2014
Disposición
ONTI niveles
mínimos

9. En el mundo En Argentina
Organismos

10. Accesibilidad web = Mejor posicionamiento
“Tu usuario más importante es ciego. La mitad de las visitas a tu sitio
vienen de Google, y Google sólo ve lo que un ciego puede ver.” *
En junio 2015 “rosario hotel/es” se buscó 980 veces.
* Steven Pemberton, Chair of HTML and Forms Working Groups, W3C. 2005

11. Comercio electrónico
en Argentina
Fuente: Diario La Nación. 25/02/2015

12. Inglés sin simplificar
I stand here today humbled by the
task before us, grateful for the
trust you have bestowed, mindful
of the sacrifices borne by our
ancestors.
Inglés simplificado
I stand here today full of respect
for the work before us. I want to
thank you for the trust you have
given, and I remember the
sacrifices made by our ancestors.
Accesibilidad web = Internacionalización
Fuente: http://www.jpn-globish.com/

13. Accesibilidad web = Responsive

14. Compras desde smartphones
Fuente: Cámara Argentina de Comercio Electrónico. 2015

15. Accesibilidad web = Ahorro en mantenimiento
• Una sola versión del sitio web para todos los dispositivos
• Menos tiempo y esfuerzo para rediseñar el sitio
• Menos consumo de ancho de banda y carga del servidor
• Simplicidad en las migraciones y compatibilidad hacia atrás

16. Estándares internacionales

17. Pautas de Accesibilidad para el contenido web (WCAG)
Información
(texto,
imagen,
sonido)
Marcado
(estructura,
presentación)
Contenido
web
• Versión 1.0 en 1999
• Versión 2.0 en 2008

18. Estructura de las WCAG 2.0
Principios
Pautas
Criterios de conformidad
Técnicas suficientes y aconsejables
• Perceptibilidad
• Operabilidad
• Comprensibilidad
• Robustez
• Objetivos generales
• Nivel A
• Nivel AA
• Nivel AAA

19. Lector de pantalla

20. Línea Braille

21. Ver online “Starlet”
Imágenes funcionales

22. Imágenes de texto

23. Imágenes complejas

24. Captcha

25. Tablas
Temporada alta Temporada baja
Económica De lujo Económica De lujo
Simple 150 200 100 150
Doble 220 275 150 220
Triple 300 350 200 300
Tarifas habitaciones (en ARS)

26. Formatos

27. Zoom

28. Magnificador

29. Colores específicos

30. Percepción del color
“Normal” Protanopia Deuteranopia Tritanopia

31. “Normal” Protanopia
Enlaces

32. Inaccesible Accesible
Campos obligatorios

33. Gráficos

34. Imágenes que complementan el texto

35. Dispositivos adaptados
Ratones
especiales
Teclado una
sola mano
Reconocimiento
de voz
Seguimiento de
ojos

36. Interacción sólo ratón

37. Carrusel

38. Mapa del sitio

39. Planificación estratégica
Determinar
objetivo y
sensibilizar
Establecer
roles
Desarrollar
política de
accesibilidad
Explorar
herramientas
y recursos
disponibles
Evaluar
habilidades
y capacitar
Integrar
accesibilidad
desde el
principio
Compartir
conocimiento
y resultados
Asegurar
monitoreo y
mantenimiento

40. Roles y responsabilidades
• Marketing: garantizar la accesibilidad del diseño en general
• Calidad: testear y relevar problemas de accesibilidad
• Desarrollo: generar código accesible
• Compras: garantizar que la política de accesibilidad se cumple en los
procesos de compra o contratación
• RRHH: incorporar habilidades de accesibilidad web en los perfiles de
reclutamiento

41. Política organizacional de accesibilidad
“ACME S.A. se compromete a garantizar la accesibilidad de sus páginas
web. El 31 de diciembre de 2015, todas las páginas de nuestro sitio web
cumplirán con el nivel AA del estándar Web Content Accessibility
Guidelines 2.0 establecida por W3C. Cualquier incidente debe ser
reportado a accessibilidad@acme.com”

42. Herramientas de autor
• Editores HTML y XML
• Herramientas que convierten a página web
• Editores multimedia
• Sistemas de gestión de contenidos
• Herramientas de diseño gráfico
• Blogs, wikis, sitios para compartir fotos, redes sociales

43. Elección de las herramientas de autor
• Eliminan o modifican el texto alternativo?
• Crean HTML válido?
• Soportan CSS?
• Permiten agregar subtítulos?
• Cumplen con las pautas ATAG?
• Existen plug-ins para accesibilidad?
• Reclamar a los proveedores de las herramientas

44. Evaluación preliminar
1. Seleccionar muestra
2. Examinar con navegadores gráficos
1. Deshabilitar imágenes y sonidos
2. Agrandar letra
3. Achicar tamaño de ventana
4. Transformar a escala de grises
5. Navegar con TAB
6. Deshabilitar estilos
7. Deshabilitar scripts
3. Evaluar accesibilidad automáticamente
4. Examinar con tecnologías de apoyo
5. Resumir y comunicar los resultados obtenidos

45. ¡Muchas gracias!
ines.laitano@gmail.com
facebook: Inés Laitano
@ines_laitano