Accesibilidad Web
Contenido
Definición
Funcionalidad
Limitaciones de acceso
Pautas de diseño accesible
Cómo diseñar y construir un sitio web accesible
Fuentes
Definición
Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios.
Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative). Se trata de una actividad desarrollada por el W3C, cuyo objetivo es facilitar el acceso de las personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web, y abriendo nuevos campos en accesibilidad a través de la investigación en este área.
Funcionalidad
La idea principal radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información. Partiendo de esta idea, una página accesible lo será tanto para una persona con discapacidad, como para cualquier otra persona que se encuentre bajo circunstancias externas que dificulten su acceso a la información (en caso de ruidos externos, en situaciones donde nuestra atención visual y auditiva no estén disponibles, pantallas con visibilidad reducida, etc.).
Limitaciones de acceso
Para poder definir qué es la Accesibilidad, previamente debemos revisar los tipos de limitaciones que pueden impedir el acceso a la información en la Web.
Los principales tipos de discapacidades son:
Deficiencias visuales: Entre las que se encuentran la ceguera, la visión reducida y los problemas en visualización de color.
Deficiencias auditivas: Estas deficiencias pueden ser consideradas menos limitadoras en el acceso y uso de contenidos digitales, debido a que el canal sonoro es mucho menos utilizado en interfaces web que el canal visual. Aún así, no podemos olvidar limitaciones y barreras derivadas de esta discapacidad, como es el caso del lenguaje.
Deficiencias motrices: Son las relacionadas con la capacidad de movilidad del usuario. Estos usuarios no suelen ser capaces de interactuar con el sistema a través de dispositivos de entrada tradicionales, por lo que utilizan dispositivos alternativos (Ejem: basados en voz).
Deficiencias cognitivas y de lenguaje: Son usuarios que presentan problemas en el uso del lenguaje, la lectura, percepción, memoria, salud mental…
Pautas de diseño accesible
Las pautas se enmarcan en dos motivos generales: asegurar una transformación airosa y hacer el contenido comprensible y navegable.
Asegurar una transformación correcta
Siguiendo estas pautas, los desarrolladores de contenidos pueden crear páginas que se transformen de manera correcta. Este tipo de páginas siguen siendo accesibles a pesar de cualquiera de las limitaciones descritas en la introducción, incluyendo las discapacidades físicas, sensoriales y cognitivas, las restricciones debidas al trabajo y las barreras tecnológicas. He aquí algunas claves para el diseño de páginas que se transforman correctamente:
Separe el contenido de la estructura y de la presentación (consultar la diferencia entre contenido, estructura y presentación ).
Proporcione textos (incluidos equivalentes textuales). Los textos pueden ser interpretados por la inmensa mayoría de los mecanismos de navegación y accesibles a la inmensa mayoría de usuarios.
Cree documentos que funcionen incluso si el usuario no puede verlos y/u oírlos. Proporcione información que sirva al mismo propósito y función tanto en audio como en vídeo para que se disponga de un canal sensorial alternativo. Esto no significa crear una versión pregrabada de audio de todo el sitio para hacerlo accesible a los usuarios ciegos. Los usuarios ciegos pueden usar lectores de pantalla para interpretar toda la información textual de una página.
Cree documentos que no sólo funcionen con un tipo determinado de hardware. Las páginas deben poder ser usadas por personas que no dispongan de ratón, con pantallas pequeñas, de baja resolución, en blanco y negro, sin pantallas, o sólo con salida de voz o texto, etc.
Hacer comprensible y navegable el contenido
Los desarrolladores de contenidos deben hacer que el contenido sea comprensible y navegable. Esto incluye no sólo la utilización de un lenguaje claro y simple, sino también proporcionar mecanismos comprensibles para navegar por y entre páginas. El proporcionar herramientas de navegación e información orientativa en las páginas maximizará la accesibilidad y la utilidad. No todos los usuarios pueden utilizar las pistas visuales tales como mapas, barras de desplazamiento, marcos contiguos o gráficas que guían a los usuarios videntes de navegadores de sobremesa. Los usuarios pierden también información del contexto cuando sólo pueden visualizar una parte de la página, tanto porque acceden a la página palabra por palabra (con sintetizadores de voz o dispositivos braille), o de sección en sección (pantallas pequeñas o magnificadores de pantalla). Sin una información orientativa, es posible que los usuarios no comprendan tablas, listas o menús muy largos, etc.
Cómo diseñar y construir un sitio web accesible
A continuación se listan algunas normas para el diseño y construcción de un sitio web accesible:
1. Es importante seguir los estándares del W3C. Actualmente los dos lenguajes estándares para la creación de webs son HTML 4.01 y XHTML 1.0. Cumplir cualquiera de los dos estándares facilita la accesibilidad. El W3C proporciona una herramienta para validar páginas web que puede ser muy útil.
2. Todas las imágenes deben tener un texto alternativo (se puede definir con el atributo alt de la etiqueta img) que usarán los navegadores que no muestren imágenes (lectores de pantalla, ordenadores con una conexión lenta, navegadores de texto). Por ese motivo, no sirve poner el nombre del archivo gráfico (práctica desgraciadamente habitual) sino que hay que poner una descripción clara del contenido de la imagen (no se etiquetarán las imágenes puramente ornamentales).
3. En los enlaces debe usarse un texto descriptivo del lugar al que apuntan. Este texto debe ser comprensible fuera de contexto y, por tanto, no sirve el tan usado “pulsa aquí” ni variaciones similares.
4. Para organizar la información en la página deben usarse los tags o etiquetas que proporcionan tanto HTML como XHTML. Así, h1, h2,…, h6 son imprescindibles para indicar los títulos, la negrita se usará sólo cuando se quiera destacar un texto importante, etc.
5. Debe evitarse el uso de tablas para maquetar, a menos que sean imprescindibles. Si se usan tablas debe asegurarse que el contenido pueda leerse de manera lineal, procurando no poner excesivo contenido en las diferentes celdas.
6. Siempre que sea posible deben usarse hojas de estilo (CSS) para separar el contenido de la presentación y estas deben ser sintácticamente correctas.
7. En caso de añadir contenido multimedia (sonido relevante, animaciones y/o vídeo) deberán proporcionarse subtítulos (para el sonido) o descripción de las animaciones y vídeos.
8. En caso de usar marcos, deberá usarse un tag <noframe> que incorpore los enlaces necesarios para la navegación, ciñéndose a lo comentado en el punto 3.
9. Si se usan scripts, applets o plugins no accesibles, deberá ofrecerse contenido alternativo.
10. En caso de usar figuras o diagramas, deben describirse adecuadamente. Para ello puede usarse el atributo longdesc.
11. Si se utilizan mapas de imagen es conveniente proporcionar vínculos redundantes en formato texto para cada zona activa del mapa.
12. Hay que tener presente que no todas las combinaciones de colores texto-fondo son igual de legibles. Deben usarse colores que permitan una lectura cómoda.
13. La combinación del tamaño y el tipo de letra ha de facilitar la lectura.
Fuentes
http://www.w3c.es/divulgacion/guiasbreves/Accesibilidad
http://www.nosolousabilidad.com/articulos/accesibilidad.htm
http://mosaic.uoc.edu/articulos/accesibilidad0306.html
es.wikipedia.org/wiki/Accesibilidad_web
