Web y Accesibilidad

La accesibilidad Web significa que personas con algún tipo de discapacidad van a poder hacer uso de la Web.
En concreto, al hablar de accesibilidad Web se está haciendo referencia a permitir que estas personas puedan percibir, entender, navegar e interactuar con la Web, aportando a su vez contenidos. La accesibilidad Web también beneficia a otras personas, incluyendo personas de edad avanzada que han visto mermadas sus habilidad a consecuencia de la edad.

La accesibilidad Web engloba muchos tipos de discapacidades, incluyendo problemas visuales, auditivos, físicos, cognitivos, neurológicos y del habla.

No es, necesariamente, algo que se tenga en cuenta en el proceso de diseño e implementación en todas partes. Aunque debería hacerse.
La accesibilidad es todo un tema en si mismo, y hay mucha bibliografía en investigación disponble. El objetivo en este breve artículo es comentar algunos ejemplos de personas que se ven afectadas por la falta de ésta, y como se puede mejorar la misma.

Cómo la accesibilidad puede afectar mi sitio y a los usuarios que lo navegan

Ejemplo I: El Sr Lee es daltónico
El Sr. Lee quiere comprar alguna nueva ropa, electrodomésticos, y música.
Él tiene una de las discapacidades visuales más comunes entre los hombres: daltonismo, que en su caso significa la incapacidad de distinguir entre el verde y el rojo.

Él tiene dificultades para leer el texto en muchos sitios Web.
Muchos sitios están usando colores que son indistinguibles para él debido a su daltonismo rojo/ verde.
En algunos casos las instrucciones del sitio explicaron que los precios con descuento se indican con el texto en rojo, pero todo el texto luce marrón para él.
En otros casos, los campos requeridos en los formularios se indican con el texto en rojo, pero de nuevo, no podría decir qué campos tenía el texto en rojo.

El Sr. Lee descubrió que prefería los sitios que utilizan el suficiente contraste de color, y la información redundante para el color.
Es decir aquellos sitios que incluían los nombres de los colores de la ropa, así como mostrar una muestra del color; y colocan un asterisco (*) delante de los campos necesarios, además indicarlos con color.
Es decir que de forma sencilla, algunos sitios podían contemplar aquellas personas con daltonismo, teniendo en cuenta el contraste de color, incluir los nombres de colores además de la muestra e indicando con un * aquellos campos obligatorios en los formularios.

>> Test de daltonismo

Ejemplo 2: La Sra. Martinez es sorda

La Sra. Martínez está tomando varios cursos de aprendizaje a distancia en física.
Ella es sorda.
Tuvo pocos problemas con el plan de estudios hasta que la universidad actualizando sus cursos en línea optó por un enfoque multimedia, utilizando una extensa colección de conferencias de audio.
En las conferencias en el aula, la universidad proporciona intérpretes; sin embargo, para la instrucción basada en la Web no, e inicialmente no se dieron cuenta de que la accesibilidad era un problema.
Frente a esto, dijeron que no tenían idea de cómo proporcionar el material en formato accesible.
La Sra. Martínez fue capaz de señalar que la Universidad está regida por una política que exige la accesibilidad del material de instrucción en línea, y luego apuntó a la Web Content Accessibility Guidelines 1.0 como un recurso que proporciona una guía sobre cómo hacer que los sitios Web, incluyendo aquellos con multimedia, sean accesibles.

La Universidad entonces transcribió las conferencias y esa información estuvo disponible a través de su sitio Web junto con las versiones de audio.
Para los archivos multimedia, la universidad utiliza un formato multimedia basada en SMIL que permite subtitulado sincronizado de audio descripción del vídeo.

El profesor de la asignatura también estableció un área de chat en el sitio web donde los estudiantes podrían intercambiar ideas acerca de sus cursos. A pesar de que era la única estudiante sorda de la clase y sólo otra estudiante conocía algún lenguaje de señass, la Sra. Martinez encontró rápidamente que el formato de chat en la Web, y la oportunidad de proporcionar comentarios de texto en el trabajo de los compañeros de clase, aseguró de que ella podría seguir el ritmo de progreso de la clase.

fuente

Existen varios ejemplos en ACA, de como pequeños detalles mejoran (y en algunos casos posibilitan directamente) la interacción de algunos usuarios con los sitios web.

Hacer tu web accesible

Para hacer el contenido Web accesible, se han desarrollado las denominadas Pautas de Accesibilidad al Contenido en la Web (WCAG) (inglés), cuya función principal es guiar el diseño de páginas Web hacia un diseño accesible, reduciendo de esta forma barreras a la información. WCAG consiste en 14 pautas que proporcionan soluciones de diseño y que utilizan como ejemplo situaciones comunes en las que el diseño de una página puede producir problemas de acceso a la información. Las Pautas contienen además una serie de puntos de verificación que ayudan a detectar posibles errores.

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.

Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.
Prioridad 2: son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios.
Prioridad 3: son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información.

En función a estos puntos de verificación se establecen los niveles de conformidad:

Nivel de Conformidad "A": todos los puntos de verificación de prioridad 1 se satisfacen.
Nivel de Conformidad "Doble A": todos los puntos de verificación de prioridad 1 y 2 se satisfacen.
Nivel de Conformidad "Triple A": todos los puntos de verificación de prioridad 1,2 y 3 se satisfacen.

Guía breve para crear sitios web accesibles

Para todas las Pautas y Puntos de Comprobación: www.w3.org/WAI

Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
Mapas de imagen: Use el elemento map y texto para las zonas activas.
Multimedia: Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.
Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite "pincha aquí".
Organización de las páginas: Use encabezados, listas y estructura consistente.
Use CSS para la maquetación donde sea posible.
Utilice apropiadamente las etiquetas html, para que sean coherentes con el contenido.
Figuras y diagramas: Describalos brevemente en la pagina o use el atributo longdesc.
Scripts, applets y plug-ins: Ofrezca contenido alternativo si las funciones nuevas no son accesibles.
Marcos: Use el elemento noframes y títulos con sentido.
Tablas: Facilite la lectura línea a línea. Resuma.