Capacitación en Accesibilidad Web

Mg. María Inés Laitano

AccesibilidadWeb

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

¿Qué es la Accesibilidad Web?

Usable para las personas

con discapacidad

Percibir

Entender Navegar

Interactuar

Contribuir

15% de la población mundial (>1.000 millones de personas)

12,9% de la población argentina (>5 millones personas)

Personas con discapacidad

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!

Personas de 60 años o más que realizaron al menos un viaje en 2013

Turistas mayores en Argentina

Accesibilidad web = Derecho Humano2006

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

En el mundo En Argentina

Organismos

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

Comercio electrónico en Argentina

Fuente: Diario La Nación. 25/02/2015

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/

Accesibilidad web = Responsive

Compras desde smartphones

Fuente: Cámara Argentina de Comercio Electrónico. 2015

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

Estándares internacionales

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

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

Lector de pantalla

Línea Braille

Ver online “Starlet”

Imágenes funcionales

Imágenes de texto

Imágenes complejas

Captcha

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)

Formatos

Zoom

Magnificador

Colores específicos

Percepción del color

“Normal” Protanopia Deuteranopia Tritanopia

“Normal” Protanopia

Enlaces

Inaccesible Accesible

Campos obligatorios

Gráficos

Imágenes que complementan el texto

Dispositivos adaptados

Ratones especiales

Teclado una sola mano

Reconocimiento de voz

Seguimiento de ojos

Interacción sólo ratón

Carrusel

Mapa del sitio

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

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

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”

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

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

Evaluación preliminar

1. Seleccionar muestra

2. Examinar con navegadores gráficos1. Deshabilitar imágenes y sonidos2. Agrandar letra3. Achicar tamaño de ventana4. Transformar a escala de grises5. Navegar con TAB6. Deshabilitar estilos7. Deshabilitar scripts

3. Evaluar accesibilidad automáticamente

4. Examinar con tecnologías de apoyo

5. Resumir y comunicar los resultados obtenidos

¡Muchas gracias!

ines.laitano@gmail.com

facebook: Inés Laitano

@ines_laitano