Diseñador de layouts con roles de WAI-ARIA

YUI CSS Grid Builder es una herramienta gratuita de Yahoo! que permite diseñar maquetas (layouts) o rejillas (grids) de páginas web. Existen muchas herramientas similares a esta, pero me ha sorprendido que este generador incluye la posibilidad de asignar un rol de WAI-ARIA a las distintas partes de la página.

Además, esta herramienta también permite visualizar el orden de lectura del contenido de la página. Al final, existe un botón para generar el código HTML de la página, que hace referencia al framework de CSS de Yahoo!

Recordemos que WAI-ARIA, Accessible Rich Internet Applications 1.0 (que todavía no es una recomendación), proporciona una serie de mecanismos (roles, estados y propiedades) para que las aplicaciones ricas de Internet (rich internet applications) sean accesibles.

Un elemento clave son los roles, que permite definir la función (la semántica) de cualquier parte de una página. Así, por ejemplo, existen roles de tipo widget para definir lo que es un botón o una barra de desplazamiento, roles de tipo estructura de documento para definir las distintas partes de una página como un encabezado o un artículo, y los roles de punto destacado para definir elementos significativos de una página como un formulario o un cuadro de búsqueda.

En la siguiente imagen podemos ver la taxonomía de roles de WAI-ARIA, que es bastante compleja.

Otro artículo sobre WAI-ARIA

A través de un comentario que me han hecho a la entrada Introducción WAI ARIA que escribí ayer me han pasado el enlace de otro artículo parecido: WAI-ARIA, una aproximación. El artículo explica qué es WAI-ARIA, sus orígenes, las soluciones que aporta y contiene algunos ejemplos de utilización: la definición de una zona de navegación (la típica barra de navegación o de menú de un sitio web) y cómo hacer que un widget de tipo slider (barra deslizante) sea accesible.

Introducción a WAI ARIA

Acabo de encontrar la página web Introducción a WAI-ARIA, que es una traducción al español del artículo Introduction to WAI ARIA. Este artículo explica de una forma sencilla y con ejemplos concretos las características que se tienen que emplear para que las aplicaciones ricas o enriquecidas (rich internet applications) no tengan problemas de accesibilidad.

WAI-ARIA, the Accessible Rich Internet Applications Suite, es una propuesta del W3C que tiene como objetivo lograr que el contenido web y las aplicaciones web sean más accesibles de cara a las personas con discapacidad. En concreto, se centra en el contenido dinámico y en los interfaces avanzados de usuario basados en JavaScript, Ajax y otras tecnologías similares.

JAWS 10 Beta

Acabo de encontrar la página What's New in JAWS 10 Public Beta with JAWS Tandem! que describe las novedades que incorpora la última versión de JAWS, el lector de pantallas más empleado en Windows. Por ahora sólo está disponible en inglés.

Respecto a la Web, esta versión incorpora algunas mejoras importantes:

• Soporte de regiones activas (live regions). Este es un concepto definido en ARIA (Accessible Rich Internet Applications): es una sección dinámica de una página web cuyo contenido se actualiza constantemente, como por ejemplo una sección de noticias, de información bursátil o de información meteorológica. JAWS es capaz de avisar al usuario de cambios en las regiones activas. Este es un gran avance que permite mejorar la accesibilidad de la Web 2.0.
• Nuevas teclas para navegar por las tablas. JAWS incorpora nuevas pulsaciones de teclas para leer la columna anterior o posterior de una tabla.
• Modo formulario automático. JAWS pasa al modo formulario automáticamente cuando detecta que el cursor está situado en un formulario.

Internet Explorer 8 tendrá soporte de WAI-ARIA

Acabo de encontrar el artículo Soporte para WAI-ARIA en Internet Explorer 8.

Hace unos meses hablé sobre WAI-ARIA: una iniciativa del W3C para estudiar y solucionar los problemas que presentan las páginas web actuales que se basan en contenido dinámico, como por ejemplo las páginas web que emplean AJAX.

En WAI-ARIA se emplean los conceptos rol, estado y propiedad para indicar el funcionamiento de los elementos de una página web y comunicar esta información a las ayudas técnicas (lectores de pantalla, por ejemplo). Pero si un navegador no reconoce estos nuevos conceptos, de nada servirá que los incluya el diseñador en la página web.

Según el artículo que comento, el próximo Microsoft Internet Explorer 8 incluirá soporte para WAI-ARIA. Más información: Internet Explorer 8 Beta 1 Whitepapers, W3C’s ARIA Support

WAI-ARIA

Acabo de encontrar la página Roadmap for Accessible Rich Internet Applications (WAI-ARIA Roadmap) del W3C. ¿Qué es esto? Es una iniciativa del W3C para estudiar y solucionar los problemas que presentan las páginas web actuales que se basan en contenido dinámico, como por ejemplo las páginas web que emplean AJAX. Otra página donde se puede leer una introducción a este tema es Accessible Rich Internet Applications Suite (WAI-ARIA) Overview.

Las páginas web, mejor dicho, los sitios web que contienen contenido dinámico que se actualiza en el cliente (navegador) sin tener que recargar la página se conocen como Rich Internet Applications. En español se puede traducir como Aplicaciones ricas de Internet.