ACCESIBILIDAD WEB: principios, mitos y algunos ejemplos prácticos

En el congreso Expo:QA 2007, Jordi Sánchez del Instituto Tecnológico de Informática de la Universidad Politécnica de Valencia presentó el 29 de noviembre de 2007 la ponencia ACCESIBILIDAD WEB: principios, mitos y algunos ejemplos prácticos.

Las pautas de accesibilidad con ejemplos

Acabo de encontrar el sitio Web Accessibility. Los más interesante es el apartado Web Content, que contiene numeros ejemplos que explican las pautas de accesibilidad del W3C.

Las pautas están agrupadas por temas (Color, Formularios, Marcos, Imágenes, etc.). Así, por ejemplo, para el tema del color se comentan los siguientes puntos de verificación:

• 2.1 Asegúrese de que toda la información transmitida a través de los colores también esté disponible sin color, por ejemplo mediante el contexto o por marcadores [Prioridad 1]
  
• 2.2 Asegúrese de que las combinaciones de los colores de fondo y primer plano tengan suficiente contraste para que sean percibidas por personas con deficiencias de percepción de color o en pantallas en blanco y negro [Prioridad 2 para las imágenes. Prioridad 3 para texto].

Y se propone el empleo de la herramienta Colour Contrast Analyser para calcula el contraste entre el color del primer plano y el color del fondo.

Botón para imprimir no molesto

Hace tiempo escribí sobre JavaScript no molesto, que en la Wikipedia aparece como JavaScript no obstructivo, y que se define como:

JavaScript no obstrusivo es un paradigma floreciente en el uso del lenguaje de programación JavaScript, utilizado en la Web. Aunque el término no se define formalmente, sus principios generalmente incluyen:

• Separación de la funcionalidad JavaScript (la "capa del comportamiento") de las capas de estructura/contenido y de presentación de un página.
• Uso de buenas prácticas a fin de evitar los problemas de incompatibilidad de la programación tradicional en JavaScript (tales como inconsistencias entre navegadores y falta de escalabilidad).

 En el artículo How to create an unobtrusive print this page link with JavaScript nos explican como crear un botón de imprimir que sea no molesto.

Dispositivos de manejo del ordenador para personas con discapacidad

Acabo de encontrar la página web Accesos al pc para personas con movilidad reducida. En esta página hay un apartado llamado "2. Elementos de entrada de datos al puesto" donde se describen diversos periféricos (ratón, teclado, pulsadores, etc.) adaptados especialmente para personas con discapacidad. También se comentan ciertos programas de ordenador que pueden ayudar al usuario.

Libro electrónico: Simplemente pregunta: Integración de la accesibilidad en el diseño

El libro Just Ask: Integrating Accessibility Throughout Design ha sido traducido al español y está disponible tanto la versión impresa (para comprar) como la versión gratuita en la Web: Simplemente pregunta: Integración de la accesibilidad en el diseño.

WCAG 2.0: ¡por fin!

Acabo de leer en El País la noticia W3C marca nuevas directrices para hacer más accesible Internet a todos los públicos. ¿Es verdad? Sí, ya tenemos la versión de las pautas de accesibilidad del contenido web: Web Content Accessibility Guidelines (WCAG) 2.0 (W3C Recommendation 11 December 2008). ¡Enhorabuena!

La noticia dice:

World Wide Web Consortium (W3C), organización internacional dedicada al desarrollo de Internet, acaba de lanzar nuevas directrices para ayudar a diseñadores y desarrolladores de páginas web a crear sitios más accesibles para personas mayores y con discapacidad, según informan a través de un comunicado de prensa.

Se trata de las Pautas para la accesibilidad del contenido en la web WCAG2.0, que tienen por objetivo eliminar las barreras para acceder a Internet que encuentran las personas con discapacidad visual, física, cognitiva y neurológica, así como los mayores.

Según W3C, estas directrices mejoran sus medidas actuales y estándares de accesibilidad para todo tipo de contenido online, ya sea texto, imágenes, audio y vídeo y aplicaciones web. También explican cómo hacer dicho contenido más fácil de navegar y leer, utilizando alternativas de texto para las imágenes, subtítulos para el audio, contrastes de color, comandos de teclado, así como compatibilizarlo con el uso de ayudas técnicas.

"WCAG 2.0 representa el resultado de un importante esfuerzo de colaboración, y su resultado final cuenta con un amplio apoyo del sector de la nuevas tecnologías, las organizaciones para la discapacidad y el ámbito de la investigación", ha asegurado Gregg Vanderheiden, vicepresidente del grupo de trabajo que desarrolla estas directrices.

Por su parte George Kerscher, secretario del Consorcio Daisy, que ha creado el estándar para facilitar la lectura y consulta de los libros hablados digitales a las personas ciegas, considera que WCAG 2.0 ayudará a las organizaciones que suministran información a través de Internet a adaptarse a los nuevos requisitos que establece la Convención de Naciones Unidas sobre los Derechos de las Personas con Discapacidad.

"Dicha convención reconoce por primera vez el acceso a la información y las comunicaciones como un derecho humano, y WCAG 2.0 pretende contribuir a hacer ese derecho una realidad en todo el mundo", ha subrayado Kerscher.

El W3C también tiene su noticia: Estándar Web del W3C define la accesibilidad para la Web de nueva generación.

Sistema de escritura alfabética de la lengua de signos

En el periódico El Mundo he encontrado la noticia Idean un sistema alfabético para traducir obras literarias al lenguaje de signos. En la Universidad de Alicante han desarrollado el Sistema de Escritura Alfabética (SEA), que permite la traducción de textos a la lengua de signos.

Frente a otros sistemas, SEA se basa en la definición de los signos mediante los símbolos alfabéticos tradicionales. Además, se ha diseñado para que sea aplicable a todas las lenguas de signos existentes en el mundo, de las que hay 120 variantes reconocidas, dos de ellas en España.

Dispositivos para personas con discapacidad

Acabo de encontrar la página web Devices to help disabled users accomplish tasks, donde se describen diferentes dispositivos que emplean las personas con discapcidad para interactuar con el ordenador:

• Adaptive keyboard
• Eye tracking
• Head wand
• Mouth stick
• One handed keyboard
• Over sized trackball mouse
• Refreshable braille
• Screen magnifier
• Screen reader, audio browser
• Text browser
• Voice recognition
  

Pictogramas

Ayer me explicaron que hay gente trabajando en el empleo de pictogramas en las páginas web para facilitar la comunicación. ¿Qué es un pictograma?

El diccionario de la Real Academia Española nos dice que un pictograma es un "signo de la escritura de figuras o símbolos". Y la Wikipedia nos dice que un pictograma es un "signo que representa esquemáticamente un objeto real".

Todos estamos acostumbrados a trabajar con pictogramas todo el tiempo. Por ejemplo, los botones de la barra de navegación del navegador son pictogramas, las señales de tráfico son pictogramas o los indicadores del panel de instrumentos del coche son pictogramas. Estamos rodeados de pictogramas (desde las pinturas rupestres...)

El empleo de los pictogramas en las páginas web puede mejorar la accesibilidad de cara a ciertos colectivos que tienen problemas con el lenguaje, lo que ocasiona problemas de comprensión.

Por ejemplo, recordemos que las personas sordas que emplean la lengua de signos tienen problemas para comprender la lengua escrita (Problemas del colectivo de personas sordas o con discapacidad auditiva), ya que están acostumbrados a comunicarse de forma visual (Ejemplo de sitio web destinado a la comunidad sorda).

Otras personas que también tienen problemas con el lenguaje son las personas con discapacidad intelectual o cognitiva. Por último, otro colectivo que también tiene problemas con el lenguaje son las personas con disfasia, que es un déficit en el lenguaje, tanto a nivel comprensivo como expresivo, pero que, en principio, no se debe a un déficit auditivo (como los sordos) o a un trastorno neurológico (como las personas con discapacidad intelectual).

En la página web Disfasia en Zaragoza hay un apartado muy extenso dedicado al empleo de pictogramas. Hay disponible un documento con el sistema pictográfico de comunicación Mayer– Jhonson que consta de alrededor de 3000 símbolos: Índice temático de los símbolos pictográficos para la comunicación (no vocal).

Vídeos sobre accesibilidad del Congreso de WebMasters 2007

Cinco vídeos con la presentación que María Jesús Fernández Ruiz realizó sobre la accesibilidad web en el Congreso de WebMasters 2007.

Lástima que en los vídeos sólo se vea a la conferenciante y no se vean las transparencias que utilizó. Todo lo que cuenta es muy interesante, pero los vídeos son un poco aburridos.

Jornada Divulgativa sobre Accesibilidad Web

En la Comunidad Valenciana han montado el "Primer Centro dedicado a la Accesibilidad TIC en la Comunidad Valenciana". El viernes 5 de diciembre organizan una Jornada Divulgativa sobre Accesibilidad Web en la ciudad de Elche (Alicante).

Al ver su página web me he horrorizado al comprobar que toda la página era ¡un mapa de imagen!. Ya estamos, "en casa del herrero, cuchara de palo".

Si desactivamos las imágenes, ¿cómo se ve? Pues en la siguiente imagen vemos que sí que le han puesto un texto alternativo a la imagen. ¿Pero qué pasa con las áreas sensibles del mapa de imagen? ¿Son accesibles?


Si vemos el código fuente de la página o visitamos la página con un navegador en modo texto como WebbIE podemos ver que sí, que se han acordado y le han puesto un texto alternativo a los enlaces del mapa de imagen. Muy bien, aunque en el código sobran unas cuantas etiquetas div...