Ejemplos de código AJAX accesible

OpenAjax Examples es una lista de fragmentos de código basado en AJAX que hace uso de WAI-ARIA para que sea accesible.

Así, por ejemplo, podemos encontrar ejemplos de listas que se rellenan de datos mediante AJAX, contenido que se muestra o se oculta, y controles hechos a medida, como barras de progreso o barras de deslizamiento (slider).

AxsJax

AxsJax es un proyecto de Google que ofrece un framework para crear aplicaciones accesibles que utilicen AJAX.

Otro término relacionado con AJAX accesible es Hijax: Ajax accesible.

Usabilidad e inclusión digital

El viernes 13 de marzo a las 17.30 habrá un seminario sobre Usabilidad e inclusión digital en Alicante. El programa es:

Programa
1. Introducción
1.1 Acceso a la información en un entorno digital como Internet: Accesibilidad, Usabilidad, e-Inclusión... ¿de qué trata todo esto?
1.2 Rol del diseñador gráfico en la inclusión digital.

2. Visualización de la Información
2.1 Cuatro apuntes sobre Visualización de la Información.
2.2 La Usabilidad como un ejemplo de Visualización de la Información.
2.3 La multiplicidad de esquemas notacionales: El reto de la accesibilidad.

3. Claves para el desarrollo usable y accesible de un sitio web.
3.1 Un poco de historia: El diseño web vernacular, la aparición de las hojas de estilo CSS y JavaScript, PHP y el contenido dinámico, el crack de las punto com y la web 2.0.
3.2 La variedad de dispositivos.
3.3 La iniciativa WAI.
3.4 Separación de contenido y forma.

4. Aproximación a algunas soluciones técnicas
4.1 XHTML+CSS accesible
4.2 Otros formatos: XML+XSLT, Sindicación RSS
4.3 Presente y futuro: WCAG 2.0, Ajax y accesibilidad (WAI-ARIA), CSS3...

Mucho para tan poco tiempo.

Ajax y Jaws

Las páginas web que se desarrollan con Ajax presentan importantes problemas de accesibilidad, como podemos leer en estas páginas:

• AJAX and Accessibility
• Accessibility of AJAX Applications
• AJAX and Screenreaders: When Can it Work?

Básicamente, los problemas se deben a que con Ajax el contenido de una página web puede cambiar sin que el usuario tenga conocimiento de ello y eso es un problema para todos los usuarios en general y muy en especial para los usuarios discapacitados que utilizan algún software de apoyo.

Acabo de encontrar el artículo Improving Ajax applications for JAWS users. En este artículo se describe un modo de mejorar la accesibilidad de las páginas web basadas en Ajax para que funcionen correctamente cuando se visitan utilizando un lector de pantallas como Jaws.

El método propuesto en este artículo se basa en actualizar mediante JavaScript el buffer virtual que emplea Jaws para leer la página web. Pero este método depende de que el desarrollador de la página web la prepare para trabajar con el buffer virtual de Jaws, lo cual es mucho pedir.

Hijax: Ajax accesible

Acabo de encontrar un nuevo término: Hijax. Bajo este término se esconde una estrategia de uso de Ajax que tiene el objetivo de lograr páginas web accesibles: que las páginas sean totalmente funcionales para aquellos usuarios que no puedan hacer uso de Ajax (por ejemplo, porque quieren o no pueden hacer uso de JavaScript).

Esta técnica se basa en lo que se conoce en inglés como progressive enhancement y graceful degradation, dos estrategias que permiten que un sistema informático (en este caso, una página web) funcione correctamente aun en el caso de que falte algún tipo de componente.

Mientras que con progressive enhancement se parte de una versión básica completamente operativa (se parte de una página web compatible con la mayoría de los navegadores y con el menor uso posible de tecnologías complementarias como CSS o JavaScript), con graceful degradation se parte del extremo contrario: se crea una página web para los últimos navegadores, con la posibilidad de que funcione en navegadors antiguos.

En el caso de Hijax, la estrategia que se emplea para lograr el progressive enhancement es la siguiente:

1. Primero, diseñar un sitio web al "estilo antiguo", con enlaces y acciones de formularios que envían información al servidor y este devuelve una página completa con cada petición.
2. A continuación, emplear JavaScript para capturar todos los enlaces y las acciones de los formularios para enviar la infomación mediante XMLHttpRequest. De este modo se puede seleccionar que parte de la página se pueden actualizar de forma individual en vez de tener que recargar toda la página.

Se puede encontrar más de información sobre este tema en esta página: Hijax.


Actualización (12/11/2007) Unas páginas con información interesante sobre Ajax y accesibilidad:

• Quiz: AJAX - automatically move focus?
• Improving accessibility for today’s AJAX - To hack or not?
• HIJAX

Actualización (21/11/2007) Un nuevo término sobre Ajax y la accesibilidad web: AxsJax. Más información en este comentario y en este otro.

Accessible Rich Internet Applications

Las nuevas aplicaciones de Internet, que emplean AJAX, DHTML y otras tecnologías, presentan problemas de accesibilidad. Estas aplicaciones se conocen como Rich Internet Applications. El W3C tiene una página, Accessible Rich Internet Applications, para tratar este tema.