Metodología práctica de revisión de la accesibilidad de sitios Web

Inicio > Unidad Acceso > Publicaciones > Este artículo

Introducción

Una excelente manera para analizar los problemas de accesibilidad que las páginas de un sitio web van a generar a usuarios con discapacidad, es intentar simular el modo en que estos usuarios van a acceder a las mismas. Para ello se emplean los mismos navegadores alternativos que estas personas usan, o un programa que simule su funcionamiento. Se trata de un método complementario al uso de herramientas de revisión automática (1) como Taw (7), Bobby (3), Wave (4).

En esta ponencia se comentarán las ventajas y desventajas de la revisión manual y la revisión automática de la accesibilidad y se propondrá una metodología práctica de revisión de la accesibilidad de los sitios web que combina ambos métodos. Se recomienda usar la selección de páginas recogidas en el artículo Navegadores alternativos y herramientas de evaluación rápida (2) como ejemplos prácticos.

El número de aspectos a revisar en un sitio web para verificar la completa accesibilidad de todas sus páginas web es bastante elevado. Un listado casi completo es el recogido en la Lista de Puntos de Verificación de las pautas WAI (5). Sin embargo, si se dispone de recursos limitados se puede abordar únicamente la revisión de aquellos aspectos en los que aparecen problemas con mayor frecuencia. En la ponencia se presentan los primeros elementos en los que el revisor deberá fijar su atención prioritariamente.

Características de la revisión automática

La revisión automática es aquella que se realiza mediante el uso de una aplicación informática que analiza el código de la página web y devuelve una salida de la página anotada con los fallos de accesibilidad detectados.

El revisor de accesibilidad automático más utilizado es Bobby (3). Este programa permite analizar la accesibilidad de una página web introduciendo su URL en un formulario del sitio web. Existe una versión gratuita para funcionar sin estar conectado a Internet que puede descargarse del sitio de Bobby e instalarse en el ordenador para realizar el análisis de páginas del disco duro o de servidores completos.

En breve estará disponible también el sitio web Taw-Test accesibilidad web (7) en castellano que realiza un análisis similar.

Logo del programa Bobby http://www.cast.org/bobby/

Logo T.a.w. http://www.tawdis.net

Ventajas de la revisión automática:

• Permite un funcionamiento rápido y sistemático. Basta con introducir la URL de la página y analizar la página web con anotaciones generada programa.
• Se revisan muchos aspectos simultáneamente.
• Ofrece una calificación global de la accesibilidad de la página.

Desventajas de la revisión automática:

• La interpretación de los resultados del análisis es compleja y exige conocer los principios básicos de accesibilidad.
• El idioma de la herramienta. Hasta que aparezca el TAW, hay que usar el programa Bobby que produce unos resultados en inglés.
• Muchos aspectos de la accesibilidad sólo pueden verificarse mediante una revisión manual complementaria. Por ejemplo,

Métodos de revisión manual

En su Anexo sobre Validación, las Pautas WAI recomiendan los siguientes métodos de revisión manual. Se trata de verificar el correcto funcionamiento de las páginas del sitio web bajo distintas circunstancias en las que algunos usuarios van a acceder a las mismas:

• Utilice un navegador sólo-texto o un emulador.
• Utilice varios navegadores gráficos con:
• Sonidos y gráficos cargados.
• Gráficos no cargados.
• Sonidos no cargados.
• Sin ratón.
• Marcos, scripts, hojas de estilo y applets no cargados.
• Utilice varios navegadores, viejos y nuevos.
• Utilice un navegador por voz, un lector de pantallas, un software de magnificación, un visualizador pequeño, etc.

Es importante considerar que no basta con mirar la página web para observar anomalías. Hay que interactuar con el sitio para detectar los posibles problemas. Esto significa realizar las siguientes acciones:

• Navegar por el sitio web.
• Buscar información en el sitio.
• Usar los formularios.
• Realizar tareas concretas que los usuarios desarrollan habitualmente en el sitio.

Es importante utilizar estos métodos de revisión y validación desde las primeras fases del desarrollo del sitio web. Los problemas de accesibilidad identificados de forma temprana son más fáciles de corregir y evitar que se reproduzcan por todo el sitio web.

Características de la revisión manual

Ventajas:

• Se entienden mejor los problemas de la página. Se trata de un proceso más intuitiva, mediante el que se experimentan directamente los problemas que el mal diseño de la página va a causar a los usuarios.
• Se puede comparar la validez de distintas soluciones mediante la prueba efectiva de las mismas.
• Es el único medio posible para revisar algunos aspectos: por ejemplo, la adecuación del texto alternativo y de los títulos de los marcos para que se transmitan la misma información que sus equivalentes gráficos.
• Es adecuada para detectar inmediatamente los fallos principales de accesibilidad.

Desventajas:

• Se trata de un proceso mucho más costoso en tiempo.
• Hacen falta más navegadores alternativos, simuladores de navegadores o probar configuraciones distintas del mismo navegador.
• Exige el juicio personal del revisor. Esto puede hacer que sea menos objetiva.
• Hay que conocer mejor los problemas para detectarlos pues algunos no aparecen de manera obvia.
• Algunas cosas son difíciles de simular. Por ejemplo, la dificultad que el manejo del sitio web pueda suponer para usuarios con poca experiencia o bajo nievl de formación.
• Puede no detectar algunos fallos de accesibilidad si no se simula esa situación concreta. Por ejemplo, es habitual olvidar el análisis del sitio mediante un monitor en blanco y negro para ver si la información transmitida por los colores se puede reconocer todavía cuando éstos se desactivan.

Metodología práctica de revisión

Se propone una metodología práctica de revisión, que consta de cuatro pasos a seguir:

1. Análisis con navegador sólo-texto

• Se recomienda usar BrailleSurf o alternativamente usar el simulador Lynx-me disponible mediante un formulario Internet para intenta navegar por el sitio usando este tipo de interfaz sólo texto.
• Es importante probar así antes de ver la página con el navegador gráfico, para ver si se entiende correctamente la estructura del sitio web.

2. Análisis con navegador gráfico habitual

Comprobar en Netscape o Explorer el lugar donde se producen fallos con la versión

3. Análisis con navegador Opera 5

Opera es un navegador gráfico gratuito con muchas funciones de accesibilidad y alta capacidad de configuración lo que permite comprobar fácilmente distintas situaciones que ayuden a detectar problemas de accesibilidad. Se recomienda realizar las siguientes operaciones:

• Activar y desactivar imágenes. (tecla G) . Así se podrá confirmar la existencia y adecuación del texto alternativo de cada imagen.
• Activar y desactivar marcos y las hojas de estilo en cascada CSS. (Alt-P Documents)
• Activar y desactivar scripts y plugins (FLASH). (Alt-P Plugins). El sitio web debe proporcionar la misma funcionalidad y acceso a la información básica.
• Aumentar y disminuir tamaño letra. (Teclas + y -). El formato de la página debe ser tal que permita aumentar el tamaño de la fuente visualizada sin descomponer substancialmente la apariencia de la página.
• Ver el listado del texto de los hipervínvulos para comprobar si entienden leidos fuera de contexto. (Ctrl.+J)

4. Análisis final con Bobby o Taw (opcional)

Es importante realizar este análisis final que confirmará si hemos olvidado verificar alguno de los aspectos fundamentales de accesibilidad recogidos en las pautas WAI.

Nota: las URL para descargar o usar todas las herramientas mencionadas en este apartado se encuentran en la Colección de referencias del curso Internet para TODOS (6).

Aspectos principales a revisar

La cantidad de aspectos a considerar en el análisis de la accesibilidad de una página web es bastante elevada. Sin embargo existen unos pocos fallos que son los que se cometen más habitualmente. Se recomienda empezar por la revisión de este tipo de fallos:

1. Texto alternativo de imágenes. Se trata del fallo más habitual y es también uno de los más fáciles de corregir.

2. Texto de los hipervínculos. Los hipervínculos son muy usados por los ciegos para hojear la página. También por las personas con navegadores gráficos. Conviene que su texto sea significativo cuando se lee fuera de contexto. Por ejemplo, evitar "pincha aquí".

3. Formularios. Son vitales para la interacción con el sitio y no siempre se verifica que sean accesibles en modo sólo texto..

4. Marcos. Hay que revisar los títulos y contenido de <noframes>.

5. Funcionamiento del sitio web con los scripts (incluido Flash) desactivados.

Referencias

• (1) Aplicando las pautas. Herramientas recomendadas. Recoge y presenta utilidades y herramientas para crear y verificar páginas Web accesibles, que han sido usados y recomienda Emmanuelle Gutiérrez y Restrepo. http://www.sidar.org/emmy/rec.htm 
• (2) Navegadores alternativos y herramientas de revisión rápida. BrailleSurf y Opera. Introducción y análisis de la accesibilidad de cuatro páginas web. Cuartas Jornadas SIDAR. Rafael Romero. http://www.sidar.org/jornadas/ivponen/rafa/index.html 
• (3) Bobby. Herramienta de revisión automática de la accesibilidad de páginas web (en inglés). http://www.cast.org/bobby/ 
• (4) Wave. Herramienta de verificación de la corrección de los textos alternativos y de la estructura de la página web. http://www.temple.edu/inst_disabilities/piat/wave/ 
• (5) Lista de verificación de los Puntos de Control de las Pautas de Accesibilidad para el Contenido Web 1.0. W3C-WAI. Traducción de Carlos Egea y Alicia Sarabia. http://www.geocities.com/carlos_egea/verificacionwcag10.html 
• (6) Colección de referencias del curso Internet para TODOS "Diseño de Sitios Web Accesibles". http://www.sidar.org/cursos/ref/ 
• (7) TAW-Test de Accesibilidad Web. Herramienta de revisión automática de la accesibilidad de páginas web (en castellano). http://www.tawdis.net 

Nota: en el sitio del SIDAR se puede consultar el esquema de presentación de esta ponencia usado en el curso. La dirección es http://www.sidar.org/cursos/revisacces/