Evolución de la Web

¿Qué es la Web 2.0?

• Dinámica: multimedia, actualizaciones incrementales
• Interactiva: Mapas,servicios web
• Colaborativa: Wikis (Wikipedia), Blogs, Inteligencia colectiva (Digg, del.icio.us, etc.)

Un Ejemplo: Yahoo en el 2000

Texto e hipertexto

Yahoo hoy

Información actualizada al minuto, widgets, etc.

Tecnologías de la Web 2.0

• JavaScript
• CSS – Cascading Style Sheets
• Ajax – Asynchronous JavaScript and XML
• Multimedia

Aol otro ejemplo: Ayer (2000)

Texto y más texto

Aol hoy

Noticias multimedia, servicios web...

¿Y qué problema hay?

• Controles de interfaces enriquecidas
  • Dependen del uso del ratón
  • Poco significativos (Falta de "semántica")
• Actualizaciones vía Ajax
  • Inesperadas / inperceptibles
  • ilocalizables
• Cambios en el foco
  • Navegación excesiva
• Multimedia
  • Falta de subtítulos
  • Problemas de interacción

ARIA, la solución

• Permite la creación de componentes de interfaces enriquecidas
• Navegación plena mediante teclado
• Notificaciones o actualizaciones de contenido no intrusivas

Es necesaria para...

• Navigación
  • Todos los componentes deben ser accesibles mediante el teclado
  • Elimina la dependencia de la navegación mediante tabulador.
• Notificación del contenido actualizado
• Soporte de las Ayudas Técnicas (tecnologías de apoyo)
  • Las ayudas técnicas funcionan mediante APIs
    • Sólo están soportados los elementos básicos de HTML
    • El contenido web dependiente de scripts no está soportado
  • Las ayudas técnicas son necesarias para:
    • Conocer los roles activos de los componentes de la interfaz de usuario dependientes de scripts
    • Monitorizar los estados de los componentes de la interfaz de usuario dependiente de scripts

Elementos básicos de ARIA

• TABINDEX: Usado para identificar elementos que pueden recibir el foco mediante el teclado.
• focus(): Método para mover el foco desde el teclado a un nodo DOM utilizando javascript
• ROLE: Atributo para definir el tipo de widget en el recurso web.
  • XHTML Role Attribute Module
  • Roles for Accessible Rich Internet Applications (WAI-ARIA Roles)
• Propiedades y estados
  • States and Properties Module for Accessible Rich Internet Applications (WAI-ARIA States and Properties)
  • aria-checked
  • aria-labelledby
  • aria-describedby
  • aria-haspopup
  • aria-expanded
  • many others...
• ARIA Best Practices
• Problemas con los estándares web

¿Hasta dónde llega el soporte hoy en día?

• Soportada en HTML y XHTML
• Implementada en Firefox 1.5 y posteriores (La 3 soportará regiones vivas. Internet Explorer 8 también soportará ARIA)
• Soportada por Window-Eyes y Jaws
  • Window-Eyes 5.5 o posterior
  • Soporte parcial en JAWS 7.1, mayor en JAWS 8.0

ARIA obliga a la actualización de las ayudas técnicas

• Cada plataforma tiene APIS de accesibilidad para comunicarse con las Ayudas Técnicas
  • Accessibility ToolKit (ATK) para GNOME
  • Java Accessibility API
  • Microsoft Active Accessibility (MSAA) para Windows
  • UI Automation para Vista
• MSAA se creó hace muchos años, así que
  • No ofrece acceso a funcionalidades avanzadas
  • ATs dependen de APIs privadas

Actualización de las tecnologías web

• Extensión de MSAA para añadir funcionalidades perdídas
  • Texto enriquecido, tablas, relaciones
  • Regiones Dinámicas de ARIA

• Armonización con las más novedosas APIs de Java y Linux
• La interfaz ha sido donada a The Linux Foundation como Estándar Abierto
• Se implementará en Firefox 3
• Está siendo integrada en Eclipse

Demos

• Ejemplos en Mozilla:
  1. Checkbox, Button with description
  2. Graphical slider, Simple slider, Progress bar
  3. Alert
  4. Grid (spreadsheet) with menubar
  5. Tab panel
  6. Listbox
  7. Tree view, Tree view #2
• Ejemplos de live region: http://accessibleajax.clcworld.net/
• http://www.weba11y.com/AjaxDemo/sample.html
• University of Illinois ARIA test suite

¿Aportaría algo la accesibilidad?

¡Sí, la accesibilidad es la clave que permite la e-inclusión!.

• Nuestra población envejece
• Cerca del 15% son personas con discapacidad
• La accesibilidad significa mayor usabilidad para todos

Imagen tomada del estudio: "The Demographic Change – Impacts of New Technologies and Information Society"

Implicaciones de la falta de accesibilidad

Grandes pérdidas de productividad

• Personas que no pueden trabajar
• Personas que no pueden acceder a la educación
• Personas que no tienen participación plena en la sociedad.

Esto es igual a: ¡Exclusión social y limitación del potencial económico!

Beneficios de sociales de la e-Inclusión

Beneficios sociales y culturales

• Adquisición de más habilidades
• Mejora de las posibilidades de empleo y de creación de empresas
• Mayor información sobre salud (Servicios sanitarios on-line) y cultura
• Participación y cohesión comunitaria
• Mayor acceso a la información y a la participación en la vida pública (e-Participación)
• Mejora de la calidad de vida

Beneficios económicos de la e-Inclusión

Beneficios económicos: Entre 35€ y 85€ Millones en 5 años.

Alfabetización digital para desempleados

• Incrementa la intensidad del uso de las TIC,
• incrementa la productividad en el puesto de trabajo;
• ahorra gastos a la administración pública;
• incrementa las oportunidades de mercado para las herramientas y servicios TIC.

Conclusión

¿Preguntas, discusión?