[Volver a Publicaciones] Unidad de Investigación ACCESO

Diseño de Páginas Web Accesibles

Rafael Romero Zúnica
Unidad de Investigación Acceso
Universitat de València Estudi General

Presentado en Iª Jornadas sobre Comunicación Aumentativa y Alternativa - ISAAC España.
Vitoria. 9-11 Septiembre 1999

Se presentan los distintos aspectos que influyen en la accesibilidad a la web de las personas con discapacidad. A continuación se introducen las dos instituciones más relevantes que trabajan en este campo a nivel nacional e internacional: el SIDAR (Seminario de Iniciativas en Discapacidad y Accesibilidad a la Red) y la WAI del W3C (Iniciativa de Accesibilidad a la Web). Por último se comentan 10 recomendaciones concretas de la WAI para hacer más accesibles las páginas web.

Introducción

La World Wide Web y en general el uso de Internet abre un enorme abanico de posibilidades de ocio, formación, trabajo y vida social. La Red se está popularizando de un modo vertiginoso no sólo como medio de difusión de información, sino también como un nuevo estándar de presentación de contenidos basado en el lenguaje HTML y sus recientes extensiones y mejoras como el HTML dinámico y las Hojas de Estilo en Cascada (CSS).

La web es cada vez más el soporte elegido para la prestación de servicios a los ciudadanos por parte de las administraciones públicas, la distribución de cursos de formación de Universidades y otras entidades educativas, así como las emergentes actividades de comercio electrónico o compras a través de Internet para las que se prevé una gran difusión en los próximos años.

Sin embargo, esta extraordinaria herramienta en muchos casos está lejos del alcance de algunas personas [1]. Para que estas posibilidades puedan ser una realidad para todos los usuarios potenciales, incluidos los usuarios con discapacidad, los materiales que se desarrollen para los sitios web deben cumplir ciertas pautas de accesibilidad.

Aspectos de la accesibilidad a la Web.

Loy et alt. [2] señalan como áreas claves de la accesibilidad a la web de las personas con discapacidad las siguientes (ver gráfico):

D

• Accesibilidad al ordenador. Ayudas técnicas para el uso del ordenador que pueden ser genéricas o especialmente diseñadas para facilitar la tarea de navegación por la web. En este sentido hay que distinguir entre programas de acceso (software) y equipos físicos de acceso (hardware).

• Accesibilidad del navegador utilizado. El navegador es el programa utilizado para presentar al usuario el contenido de la página web a través del ordenador. Éste puede ser genérico como Microsoft Explorer o Netscape Navigator o específico para ofrecer facilidades de acceso a determinado tipo de usuarios como es el caso del navegador sólo texto Lynx para personas ciegas.

• Accesibilidad del diseño de las páginas web. Aquí cabrá distinguir entre el contenido y estructuración de cada página y del sitio web en general, así como del formato o maquetación con que se presentan las páginas. Un elemento clave en este área es la herramienta de autor con que se desarrollan las páginas web y las facilidades que ésta nos ofrezca para la integración en nuestras páginas de las opciones de accesibilidad, como por ejemplo el texto alternativo para las imágenes.

Por tanto, existe una cadena de elementos entre el usuario y el contenido de la página web que intervienen en todo el proceso. Cada uno de ellos debe funcionar correctamente en su papel y en su interacción con los demás elementos.

En resumen, la accesibilidad a las páginas web depende de la interacción de tres elementos: Los sistemas de acceso al ordenador; los navegadores usados y el diseño de las páginas que componen cada sitio web. A continuación analizaremos con mas detalle los requisitos mínimos que deben cumplir las páginas web para ser accesibles, a partir de las recomendaciones de la WAI.

Instituciones trabajando en accesibilidad a la Web

El W3C; World Wide Web Consortium <http://www.w3.org/> es una organización internacional que orienta y estructura el desarrollo global de la World Wide Web. El objetivo del W3C es lograr todo el potencial de la red mediante el desarrollo de protocolos comunes que promuevan su evolución e interoperatibilidad. Se trata de un consorcio industrial dirigido conjuntamente por el Laboratorio de Informática del Instituto de Tecnología de Massachusetts de los EEUU, el Instituto Nacional de Investigación en Informática y Control INRIA de Francia y la Universidad de Keio en Japón.

Según su director Tim Berners-Lee "el W3C está comprometido con la eliminación de las barreras de accesibilidad para las personas con discapacidad, incluyendo las personas con deficiencias auditivas, visuales, físico-motóricas y cognitivas. Se prevé trabajar intensamente con el gobierno, la industria, y los líderes de la comunidad para establecer y conseguir el objetivo de accesibilidad de la web."

En el marco de este esfuerzo se creo a principios de 1998 la Web Access Initiative; WAI (Iniciativa de Accesibilidad a la Web; http://www.w3.org/wai/) que en coordinación con otras organizaciones promueve la accesibilidad de la Web a través de distintos grupos de trabajo. En Mayo de 1999 la WAI publicó el documento Pautas para la Accesibilidad de los Contenidos Web [3], una recomendación oficial del W3C para el diseño de sitios web accesibles, que se es la referencia obligatoria en este área a nivel mundial.

En el campo de la accesibilidad a la web en España debemos destacar el trabajo desarrollado por el SIDAR; Seminario de Iniciativas en Discapacidad y Accesibilidad a la Red <http://www.sidar.org>, del Real Patronato de Prevención y de Atención a Personas con Minusvalía. Su objetivo es promover la creación de páginas web acordes con las Pautas de Estilo para la Comunicación sobre discapacidad del Real Patronato, las recomendaciones sobre accesibilidad en la web dadas por la WAI y la aplicación de la CIDDM (Clasificación Internacional de Deficiencias, Discapacidades y Minusvalías; <http://www.who.ch/icidh>) de la OMS (Organización Mundial de la Salud). El SIDAR organiza una conferencia anual en España desde 1997, así como cursos sobre diseño accesible de páginas web y otras actividades para promover la accesibilidad para todos de la web.

SIDAR dispone de una lista de distribución de correo electrónico en castellano denominada accesoweb donde se tratan todos los temas relacionados con la accesibilidad de la web. Esta lista está mantenida por la Unidad de Investigación ACCESO de la Universitat de València E.G.

En el momento de redactar esta ponencia el SIDAR se encuentra en el proceso de publicar en su web una traducción al castellano de las Pautas para la Accesibilidad de los contenidos Web 1.0 de la WAI.

10 consejos para diseñar páginas web accesibles

En esta sección se ofrecen 10 consejos rápidos para el diseño de páginas web accesibles. Para ello nos basamos en la traducción del documento publicado por la WAI: Guía rápida para realizar sitios web accesibles [4] que hemos completado con algunos comentarios y explicaciones.

1. Imágenes y animaciones: Usar texto alternativo (atributo ALT) para describir la función de los elementos visuales. Esta es la recomendación más importante para el acceso a las páginas web de los usuarios con deficiencias visuales, pero también de aquellos usuarios con conexiones lentas y para los que esperar a la carga completa de las imágenes supone a veces una inversión de tiempo innecesaria.
2. Mapas de imagen: Usar mapas de cliente y texto alternativo para las zonas activas. Los mapas de imágenes proporcionan a menudo la función de menú de opciones en la página inicial del sitio web. Si bloqueamos el acceso a aquellas personas que no pueden ver las imágenes estaremos impidiendo la navegación por nuestro sitio web de todos estos usuarios.
3. Multimedia: Facilitar subtítulos y transcripción de los ficheros de sonido, descripción de los videos y versiones accesibles en el caso de usar formatos no accesibles. Los formatos PDF, RTF y otros formatos propietarios no se muestran de manera estándar en los navegadores, lo que se traduce frecuentemente en dificultades o imposibilidad de acceso para algunos usuarios con discapacidad o que usan navegadores adaptados.
4. Enlaces de hipertexto: Usar texto que tenga sentido cuando se lea fuera de contexto. Por ejemplo, no usar "pincha aquí". Algunos navegadores ofrecen al usuario la posibilidad de listar los enlaces en una ventana aparte para facilitar la navegación, como una de las opciones de accesibilidad. Por otro lado la atención tiende a fijarse principalmente en el texto resaltado del enlace, por lo que conviene que este sea lo más significativo posible para acelerar la navegación de todos los usuarios.
5. Organización de las páginas: Usar encabezados (H1, H2, H3,...), listas y estructura consistente. Usar Hojas de Estilos en Cascada (CSS) para el diseño y estilo. En general se recomienda separar el contenido del formato en los documentos web, estructurando bien el documento y usando correctamente las etiquetas html. Esto facilita la reproducción de la página web en otro tipo como de formato: sólo texto, síntesis de voz, pantallas pequeñas, etcétera… Adicionalmente, los usuarios con deficiencias visuales se benefician de un documento estructurado, porque pueden pasar de una sección a la siguiente, leyendo únicamente los títulos y sin necesidad de revisar secuencialmente cada una de ellas.
6. Gráficos de datos: Resumir o usar el atributo LONGDESC. Actualmente los gráficos de datos se muestran como imágenes en la web. Por tanto debemos explicar su contenido textualmente para hacerlo accesible a aquellos usuarios que no son capaces de ver o cuyos equipos no pueden mostrar imágenes.
7. Scripts, applets y plug-ins: Ofrecer alternativas accesibles. Algunos navegadores antiguos y otros navegadores adaptados para ciegos no pueden representar el resultado de los programas (scripts) integrados en las páginas web.
8. Marcos (Frames): Titular con los atributos TITLE o NAME. Algunos navegadores usados habitualmente por ciegos como NetTamer y Lynx, no interpretan bien los marcos por lo que lo único que verán de la página es el texto situado entre las marcas de <NOFRAME>, que normalmente suele ser algo así como "Esta página usa marcos, pero su explorador no los admite". En otros casos el navegador muestra cada uno de los marcos de la página como un hiperenlace, por lo que es importante que tengan título para que el usuario puedo discriminar la función de cada uno de ellos. Por ejemplo: "tabla de contenido", "contenido", "pie de página"… En realidad, de cara a la máxima accesibilidad de la página web es mejor evitar el uso de marcos. Existen herramientas de edición como Frontpage que permiten incluir automáticamente un elemento, como un menú de navegación, en un lugar determinado de todas las páginas, con lo que se consigue la misma función que con el uso de marcos pero sin sus incovenientes.
9. Tablas: Realizarlas de manera que se puedan leer línea a línea. Incluir un resumen. Evitar el uso de tablas para alinear el texto en columnas. Las tablas son especialmente problemáticas para los usuarios con visibilidad reducida o ceguera.
10. Revisa tu trabajo: Validar el código HTML. Usar herramientas de evaluación y navegadores sólo-texto para verificar la accesibilidad. Se recomienda usar estas herramientas disponibles en la web para detectar algunos de los fallos comunes de accesibilidad. Otras faltas de accesibilidad, como la adecuación del texto alternativo a la función de la imagen en la página sólo podrán verificarse mediante el criterio personal del desarrollador o de otra persona que revise las páginas. Herramientas disponibles:

• Bobby: (http://www.cast.org/bobby/) Desarrollado por CAST (Center for Applied Special Technology). Esta aplicación realiza un análisis en directo de la página indicada a través de un formulario web y la muestra en nuestro navegador como una nueva página web anotada donde se resaltan los fallos de accesibilidad y los elementos incorrectos o no estándar de HTML. El programa proporciona también una clasificación automática del nivel de accesibilidad global de la página y cuanto tiempo tardará en cargarse la misma si se usa un modem de 28.800 bps.
• Validador de WAI: (http://validator.w3.org/) Detecta automáticamente las etiquetas no estándar de una página web para la versión seleccionada de HTML, usando un formulario web. Al ser un servicio del W3C, se encuentra permanentemente actualizado con las últimas recomendaciones sobre estándares de esta organización.

Conclusiones

Para terminar deseamos enfatizar el hecho de que una página diseñada teniendo en cuenta los criterios de accesibilidad es una página mejor para todos los usuarios. Por ejemplo,

• Las mismas soluciones que facilitan el acceso a las personas con deficiencia visual pueden proporcionar la base necesaria para los interfaces sonoros que se requieren cada vez más para la navegación por la web desde equipos móviles y ordenadores de mano (palm-tops).
• El mismo texto de descripción de video o audio que proporciona acceso a un usuario sordo, puede ser una eficiente herramienta de indexación o búsqueda para cualquier usuario. Además permite que alguien que esté utilizando un kiosco de Internet, o un cibercafé en un entorno ruidoso pueda navegar correctamente sin perder información.

Bibliografía

[4] W3C (1999) WAI Quick Tips Reference Card [online] W3C-WAI, 3 de junio de 1999 [citado 15/06/99]. Disponible en Internet en http://www.w3.org/WAI/References/QuickTips

[5] Romero R. Alcantud F. Ferrer A. (1998): Estudio de Accesibilidad a la Red. [online]. Unidad de Investigación Acceso de la Universitat de València E.G. 05/06/98. ISBN 84-370-3485 [citado en 01/06/99]. Disponible en Internet en http://acceso.uv.es/accesibilidad/estudio/.

Descripción de la imagen Elementos de accesibilidad a la Red:

La imagen presenta los siguientes elementos ordenados de derecha a izquierda y enlazados por flechas para indicar la relación consecutiva entre todos ellos:

1. Autor, que propone el Contenido y utiliza una Herramienta de Autor.
2. Accesibilidad del diseño, que pasa por Estructuración y Maquetación hasta llegar a los Archivos del sitio web.
3. Accesibilidad del Navegador
4. Accesibilidad del Ordenador, que se desglosa en Programas de acceso y Equipos de acceso
5. Usuarios (con y sin discapacidad).

Volver al texto en la posición de la imagen descrita.

[Volver a Publicaciones]