FW’08: WAI-ARIA Just Do It!
by Ricardo Gil on October 27, 2008
¿Qué significa WAI-ARIA? WAI se refiere a la iniciativa de accesibilidad y ARIA se refiere a una especificación que se encuentra en fase de desarrollo pero le falta poco para ser una recomendación.
Pregunta cuántos sabemos qué es un lector de pantalla, la mayoría, y nos explica como funciona. WAI-ARIA saca significado de los ruidos y los silencios del lector de pantalla sobre una página web. Nos comenta la diferencia de lo que ve un usuario (botón que pone OK) y lo que oye un lector de pantalla (“botón gráfico OK”). Mediante WAI-ARIA podemos identificarlo como un botón y así los usuarios de lector lo identifican y además puede saber cómo interactuar con él. Usando en HTML la propiedad “role”, (role=”button”), le indicamos qué es el elemento y además le podemos decir que pulsando espacio puede interactuar con él. Es un ejemplo sencillo que se podría explicar de otra manera. Nos cuenta otro ejemplo con el típico botón que se resalta al pinchar en él. Para ello además del role usaríamos la propiedad aria-pressed.
Ahora vamos a ver qué pasa cuando hay cambios de contenido en partes de la página a través de AJAX. Los usuarios no visuales no pueden saber que algo ha cambiado y además siguen con el contenido anterior al cambio (el HTML que se sirve desde el servidor inicialmente). La interfaz de Twitter tiene este problema, mientras escribimos el dato del número de letras que quedan se actualiza. Para el usuario no visual no existe nada más que lo que se introduce en el campo de texto.
WAI-ARIA soluciona el problema de Twitter, “los usuarios no son capaces de ver los cambios ajenos al punto donde se encuentran”. Con el atributo aria-live, (aria-live=”polite”), que sirve para que cuando el usuario hace una pausa en la escritura le anuncia el valor del número de los caracteres que le quedan. Tiene otros valores: off, polite, assertive y rude. Que actúan de otra manera.
Con estas propiedades ganamos el acceso a los cambios del contenido. Para un usuario no visual es un cambio bestial, de algo estático a algo dinámico.
Nos da unos cuantos puntos que hacen más interesante aún WAI-ARIA:
- Escritorio en la web
- Sección 508 y su revisión
- Verdadera interoperabilidad con tecnologías de ayuda
- …
¿quién soporta WAI-ARIA ahora mismo? Firefox, DOJO, Yahoo, JAWS, Safari, Google, IE, Opera, Mozilla, Sun, IBM, Adobe,…
Y con ¿qué versión de HTML usamos ARIA? Pues con HTML 4 se convierte en HTML more (HTML +) y con el futuro HTML 5 también sigue siendo HTML +. Quiere decir que ninguna versión de HTML soluciona todos los problemas que soluciona ARIA.
Algún problema que se pueden solucionar son por ejemplo los controles slider, pestañas de navegación, diálogos que se abren por encima del contenido, barras de progreso, tooltips, etc… Pero no es sencillo realizar todas estar implementaciones.
Leave your comment