Artículo BIT
Una Red accesible a todos
Rincón de Internet Una Red accesible a todos -------------------------------------------------------------------------------- "Ahora vamos a ver las estrellas" -pensó- "y ya mañana seguimos con el Quijote", mientras tecleaba el URL de "Alcanzar las estrellas en la Red". Al poco tiempo, se escuchó por el altavoz "Volver a ver las estrellas, astronomía para invidentes" y unos diseños táctiles con mapas estacionales del Cielo comenzaron a salir por la impresora Braille… El poder de la Web yace en su universalidad. El acceso por parte de cualquier persona, independientemente de su grado de discapacidad es un aspecto esencial Tim Berners Lee.- Director del W3C e inventor de la WWW Las ciudades son muy hostiles para los discapacitados. Múltiples obstáculos, como escaleras, aceras inaccesibles, cajeros automáticos… forman parte de una larga lista de barreras arquitectónicas invisibles para la mayoría de la población, pero capaces de complicar aún más la existencia a aquellos que ya de por sí no lo tienen fácil. En una sociedad donde la tecnología se encamina a ofrecer soluciones alternativas a los problemas cotidianos, se debe combatir la aparición de un nuevo tipo de barreras en la Red. El acceso, hoy en día, de las personas discapacitadas a la Red se produce mediante dispositivos cuya función principal consiste en traducir las páginas web a un formato comprensible por el usuario correspondiente. Esto puede ser una síntesis de voz, una línea Braille o más simplemente un solo texto. Con estas premisas, nos podemos preguntar que tal se verían esos portales estilo las Vegas Boulevard llenos de luz y color que tanto furor parecen causar hoy en día, bajo la lupa de dichos dispositivos. ¿La respuesta?. Compruébenlo ustedes mismos: Desactiven la opción de "ver imágenes" de su navegador, y vaguen sin rumbo durante unos minutos por la Red…¿Qué tal?. Pues ahora desconecten el ratón. ¿Misión imposible?. Seguramente después de haber realizado esta prueba, no les extrañará el dato de que entre el 95% y el 99% de los sitios web no son accesibles para discapacitados con problemas en la vista, el oído o la movilidad. ¿Y que solución hay ante esto? Facilitar el acceso a Internet no implica necesariamente cuantiosos costes en tiempo y dinero. Muchas veces es cuestión de tener presentes una serie de reglas de fácil implementación y sobre todo contar con la voluntad y el sentido común necesarios. La referencia obligada en este sentido es la Iniciativa de Accesibilidad a la Web (Web Accessibility Initiative - WAI) del World Wide Web Consortium (W3C), la entidad fundada por Tim Berners-Lee en el Laboratorio de Informática del Instituto de Tecnología de Massachusetts en colaboración con el CERN. La iniciativa WAI persigue la accesibilidad de la Web, a través de cinco áreas de trabajo: tecnología, herramientas, educación, I+D y pautas. Precisamente refiriéndonos a estas últimas, y por juzgarlas de interés, vamos a presentar aquí algunas de las recomendaciones para el diseño web de contenidos accesibles. •Proporciones alternativas equivalentes de contenido visual y auditivo. Las alternativas a imágenes, mapas sensibles, scripts y fragmentos de audio y vídeo en general pueden ser etiquetas o enlaces textuales redundantes que cumplan la misma finalidad que los contenidos visuales o auditivos. Recordemos que el formato textual puede ser interpretado por sintetizadores de voz o dispositivos Braille. Se hace necesario recordar aquí la potencia de la injustamente olvidada etiqueta "ALT" del lenguaje HTML para cubrir tal finalidad. •No se base solo en el color. Para ello es necesario asegurarse de que toda la información que utilice colores en su presentación sea igualmente comprensible cuando se vea sin color. Y ojo a las combinaciones entre los colores del fondo y los caracteres. Han de tener el suficiente contraste. No hace falta tener problemas visuales para que uno se crea que está haciendo un ejercicio de sopa de letras al acceder a determinados webs. •Utilice marcadores y hojas de estilo y hágalo apropiadamente. Para ello es esencial marcar los documentos con los elementos estructurales o de presentación adecuados según que estemos creando estructuras de contenido o controlando la maquetación y la presentación. Aquí es donde entran en juego las Hojas de Estilos en Cascada (Cascade Style Sheets - CSS) como mejora del HTML que permiten aplicar un formato consistente a un sitio web, separando desde el momento del diseño el contenido del formato de la página. Mediante las hojas de estilos existe la posibilidad de presentar la misma página al usuario de distintas maneras eligiendo una hoja de estilo asociada diferente en función de las necesidades o situación específica del internauta. •Identifique el lenguaje natural usado. Esto es, utilizar marcadores al principio del documento y también avisar de los cambios de lenguaje, de forma que los sintetizadores de voz y dispositivos Braille puedan cambiar automáticamente al nuevo lenguaje haciéndolo así más accesible a usuarios multilingües. También se debe especificar la expansión de abreviaturas y acrónimos cuando aparezcan por primera vez. •Cree tablas que se transformen correctamente. En sí la norma aquí sería tratar de evitar usar tablas para maquetar páginas (como por ejemplo alinear el texto en columnas) empleando en su lugar las Hojas de Estilo en Cascada (CSS). No obstante, si finalmente se utilizan las tablas para maquetar, realizarlas de manera que se puedan leer línea a línea. Es decir, asegurarse de que poseen los marcadores necesarios para transformarlas mediante dispositivos a otro formato (auditivo o Braille) y no emplear marcadores estructurales (como los de encabezamiento de tabla) simplemente para aprovechar su formato visual. •Asegúrese de que las páginas que incorporen nuevas tecnologías se transformen correctamente. Cada día surgen nuevas tecnologías en el campo del diseño web, pero no se debería obligar a todo el mundo a tener las últimas actualizaciones en sus herramientas de navegación. Se ha de diseñar pensando en que hay muchos usuarios con navegadores más antiguos o incluso hay quien no desea tener activadas determinadas opciones de navegación. Ejemplos ha habido y hay muchos: Las ya comentadas imágenes, cookies, frames, determinada plug-in imprescindible para seguir adelante, scripts, applets. El que en alguna ocasión no haya sido sufridor de este punto, que levante la mano (no se preocupe, pues ya le tocará en algún momento…). •Asegure al usuario el control sobre los cambios de los contenidos tempo-dependientes. Esto quiere decir que por ejemplo se puedan detener objetos que se mueven, parpadean o se actualizan automáticamente, pues hay muchos usuarios incapaces de interactuar con objetos móviles, por no hablar de los ataques de epilepsia que los destellos, parpadeos o cambios rápidos de oscuridad a iluminación pueden causar en las personas proclives a ello. ¡No hagamos de Internet una nueva serie de dibujos animados japonesa! En el caso en que dicho control no sea posible cederlo al usuario, la recomendación aboga por no emplear estas técnicas. •Asegure la accesibilidad directa de las interfaces de usuario incrustadas. Es decir, que todas estas recomendaciones también han de aplicar a las interfaces de usuario incrustadas en una web. •Diseñe con independencia el dispositivo. Aunque el ratón es el protagonista, el usuario puede acceder a la web con otros dispositivos no necesariamente de apuntamiento. Si no se toman medidas, estaremos impidiendo la navegación de un cierto perfil de usuarios. Las medidas a tomar para evitarlo: textos alternativos, mapas de imagen controlados por el cliente y con atajos de teclado para los enlaces, manejadores de evento lógicos en lugar de dependientes de dispositivos, creación de un orden lógico para navegar mediante el tabulador… •Utilice soluciones provisionales hasta que los dispositivos del usuario permitan actuar sobre determinados eventos. Por ejemplo desconexión de la apertura de nuevas ventanas o información al usuario antes de cambiar de ventana actual. •Utilice las tecnologías y pautas W3C. Las tecnologías W3C incluyen características de accesibilidad incorporadas. W3C no recomienda muchos formatos propietarios, como por ejemplo PDF, Shockwave o RTF que no se muestran de manera estandar en los navegadores, lo que se traduce en dificultades para los usuarios que acceden con aplicaciones adaptadas. Cuando se deba utilizar tecnologías no accesibles se debe proporcionar una página equivalente accesible. Esto quiere decir que tenga información o funcionalidad equivalente y que se actualice con la misma frecuencia que la página original. Recuerde que una página no actualizada puede ser tan frustrante como una página inaccesible. •Proporcione información de contexto y orientación para ayudar a los usuarios a entender páginas o elementos complejos. Por ejemplo, titular, describir el propósito y la relación de las páginas en frames o asociar explícitamente las etiquetas con sus controles. •Proporcione mecanismos claros de navegación. Esto es ofrecer información orientativa, barras de navegación, un mapa del sitio, (¿por qué no emplear la página principal?, me pregunto frecuentemente), la famosa, por mal utilizada, etiqueta "pinche aquí" sobre un enlace, cuando el objetivo de la misma es precisamente dar una descripción sobre el contenido que hay detrás. Si muchas veces tratar de encontrar una información en determinada web es desesperante, imagínense a una persona con una discapacidad navegando por ellas, lo que debe sentir. •Asegúrese de que los documentos sean claros y simples. La utilización de lenguaje claro y simple, un estilo de presentación consistente y el empleo de gráficos complementarios inciden en facilitar la comprensión de los contenidos y son una ayuda para todos los tipos de usuario. A la vista de las recomendaciones uno se pregunta si esto va dirigido solamente a discapacitados. Y es que efectivamente estas pautas bien podrían generalizarse como de racionalizacion y buen diseño web de forma más genérica. Seguro que todos podemos mejorar algo en la accesibilidad a la hora de diseñar nuestras páginas conforme a lo anterior, pues por muy insignificante que nos parezca, hay una parte de los usuarios que nos lo van a agradecer Para los que aún así no se hayan convencido, y esgriman argumentos comerciales, tengan en cuenta que la comunidad de discapacitados representa una parte especialmente interesada, y no especialmente correspondida en temas de comercio electrónico. Ahora se habla mucho de la utilidad del banner, pero no tanto del efecto rechazo del mismo. Quizás el colocar junto a cada banner una opción de detención podría convertirlo en una opción más atractiva de picar por una buena parte de los usuarios (¡y a lo mejor no todos ellos cuentan con problemas de discapacidad!). Además, si su sitio web no cumple con criterios de accesibilidad puede ser que en el futuro se enfrente a penalizaciones legales o administrativas, pues a lo mejor resulta que no hay tanta diferencia entre no poner una rampa de acceso a un centro comercial y no permitir la navegación a ciertas personas en la versión electrónica del mismo. Tiempo al tiempo… Si desea verificar el grado de accesibilidad de su recién diseñado (conforme a las pautas anteriores) website, se encuentra disponible de forma gratuita en Internet la herramienta "Bobby". Bobby ha sido creada por el Centro para la Tecnología Especial Aplicada (Center for Applied Special Technology - CAST), organización sin animo de lucro cuya misión es promover oportunidades para la gente con discapacidades a través de usos innovadores de las Tecnologías de la Información y las Comunicaciones. Bobby toma como entrada un URL y analiza la página indicada conforme a las pautas de accesibilidad del W3C y su corrección según el estándar HTML, así como la compatibilidad con diversos navegadores. Si se supera el test, el website recibe la mención Bobby Approved que se puede acreditar mediante icono correspondiente colocado sobre el mismo. Asimismo se habrá ganado el honor de entrar en la lista de websites Bobby Approved. El W3C cuenta a su vez con diversos servicios de validación de HTML y CSS (véanse los enlaces en la ventana correspondiente). Además de estas, otras iniciativas destacables que se pueden comentar son: El proyecto de acceso a web (Web Access Project - WAP) del Centro Nacional para los Medios Accesibles (National Center for Accesible Media - NCAM) que investiga, desarrolla y prueba métodos de integración de las tecnologías de acceso y nuevas herramientas en un website. También se ha puesto disponible para que cualquier diseñador lo pueda incluir en sus páginas, un símbolo para indicar que el website contiene funcionalidades de accesibilidad para satisfacer las necesidades de los usuarios discapacitados. En este caso no es necesario ser validado como en el Bobby Test pero si nos aconsejan seguir las pautas de la WAI. NCAM, además de en la iniciativa WAI, participa conjuntamente con el MIT (Instituto de Tecnología de Massachusets) en el proyecto PIVOT (Video Tutor Interactivo de Física-Physics Interactive Video Tutor) para la realización de un curso on-line de física enteramente accesible a estudiantes sordos y ciegos. Webable y el Trace Center,son otras iniciativas que mantienen en sus respectivos websites sendas bases de datos sobre los recursos en Internet dedicados a este tema. Para finalizar, en España una de las experiencias más destacadas es el Seminario de Iniciativas en Discapacidad y Accesibilidad a la Red (SIDAR) del Real Patronato de Prevención y Atención a las Personas con Minusvalía. Su objetivo es fomentar la accesibilidad para todos de la web. Para ello organiza una conferencia anual sobre accesibilidad así como cursos de diseño de páginas web accesibles. …Todas las noches dedicaba un rato a la literatura. Para ello se conectaba a la biblioteca de voces del Centro Virtual Cervantes. Era maravilloso poder escuchar a Bécquer, Guillén o Benedetti entre otros tantos o el mismísimo Don Quijote de la Mancha, con el que ahora se encontraba, "¿Hasta donde podremos acceder mañana?" se preguntaba. Mientras, por el altavoz de su PC, Cervantes comentaba "…Forsi altro canterà con miglior plecto". Vale. -------------------------------------------------------------------------------- Direcciones de interés Alcanzar las estrellas en la Redwww.pd.astro.it/pianetav/ Biblioteca Virtual Miguel de Cervantescervantesvirtual.com Bobby Testwww.cast.org/bobby Braille Notewww.braillenote.com CASTwww.cast.org Pautas de accesibilidad del contenido en la webwww.w3.org/TR1999/WAI-WEBCONTENT-19990505rupo de trabajp NCAMwww.wgbh.org/wgbh/pages/ncam/webaccess/index.html Proyecto PIVOTcurricula2.mit.edu/pivot/ SIDARwww.sidar.org Trace Centerwww.trace.isc.edu Validador de CSS (CSSVAL)jigsaw.w3.org/css-validator/ Validador de HTML (HTMLVAL)validator.w3.org/ Web Accesibility Initiativewww.w3.org/WAI Webable/www.webable.com -------------------------------------------------------------------------------- Juan José Sánchez Aguila-Collantes Ingeniero de Telecomunicación por la UPM En la actualidad trabaja en Ericsson España, S.A. [email protected]
30 oct 2015