Para imprimir: Haz click aquí o selecciona la opción en el menú de tu navegador.

Este artículo ha sido impreso de Emergia.net
Dirección permanente en url http://www.emergia.net/investigacion/experiencia/accesibilidad


title

La accesibilidad: asignatura pendiente en la banca online
 
La importancia de la accesibilidad    
 
 Resumen
En este análisis presentamos los resultados de un estudio simplificado de la accesibilidad para personas con discapacidad a la página de inicio de las 11 principales entidades financieras españolas. Para ello, hemos analizado 8 importantes criterios de accesibilidad reconocidos internacionalmente. El resultado es que el conjunto de entidades sólo cumplen un 36,4% de los criterios analizados. Además, sólo tres entidades cumplen al menos la mitad de los criterios, cuando todos deberían ser de obligado cumplimiento.
 

La accesibilidad es la capacidad de una página web para ser vista y usada por todos los usuarios que desean entrar en la misma, enfocándose expresamente en las necesidades de personas con discapacidades. La accesibilidad tiene en cuenta usuarios con distintas discapacidades: ceguera (necesitan utilizar lectores de pantalla), visión reducida (dificultad con textos pequeños), deficiencias en la percepción de colores (en particular con los problemáticos como el rojo, verde, amarillo y naranja), problemas cognitivos (dificultades en la lectura y la comprensión), sordera, movilidad restringida, etc.

En España más de 3,5 millones de personas (un 9% de la población) sufre algún tipo de discapacidad según la encuesta sobre discapacidades, deficiencias y estado de salud de 1999. Estas personas pueden navegar por Internet con técnicas de navegación asistida como display braille, lectores de pantalla por sintesís de voz o videoamplificadores.

Para analizar la accesibilidad de los sitios web seleccionados hemos tenido en cuenta los problemas a los que se enfrentan estas técnicas de navegación asistida y hemos validado los criterios utilizando navegadores sólo-texto, navegadores gráficos con diversas opciones cargadas o no cargadas y navegadores de versiones antiguas. El análisis se ha llevado a cabo entre el 17 y el 21 de enero de 2002 siguiendo 8 de los criterios más relevantes, a juicio de Emergia.net, de entre los propuestos por la WAI (Web Accessibility Iniciative) en sus pautas de accesibilidad.

En general, la situación en cuanto a accesibilidad de la banca online española es muy preocupante, al igual que la situación global española, incluso de las webs de administraciones públicas. Las entidades deben tratar de mejorar todos los aspectos de accesibilidad analizados e incidir en el cumplimiento de las pautas de accesibilidad propuestas por la WAI.

En nuestro estudio sólo un 36,4% de los criterios de accesibilidad analizados son cumplidos por las entidades bancarias. Es significativo, además, que ninguna de las entidades analizadas sea accesible desde un navegador sólo texto.

Es especialmente grave que sólo 3 de los 11 bancos analizados (eBankinter, La Caixa e iBanesto) cumplen, al menos, la mitad de los criterios analizados. El cumplimiento de todos estos criterios debería ser obligatorio para las entidades financieras y, en particular, para las cajas de ahorro, que destinan a su obra social una parte importante de sus presupuestos.

 
 
Descripción de los criterios analizados y principales problemas encontrados  
 
 

En este análisis simplificado sólo hemos analizado la página de inicio de las entidades seleccionadas. Los ocho criterios se han elegido por su relevancia, a juicio de Emergia.net, de entre los recomendados como prioritarios por la WAI.

 

Criterio 1: El contenido presentado debe ser comprensible sin color

El número de personas con dificultades visuales es considerable. Por ejemplo, un 10% de los hombres tienen problemas para visualizar correctamente los colores. La textura o los colores y el contraste afectan a la eficacia de la lectura del texto en la pantalla. El monitor tiene una luz de baja intensidad y la lectura es más difícil que sobre un papel. Por eso, una solución para facilitar la lectura de los textos es que exista un contraste adecuado entre los colores del fondo y las fuentes.

Mientras exista una gran diferencia entre el texto y el fondo, se pueden utilizar diferentes colores, aunque son más legibles las fuentes oscuras con fondos claros. El contraste recomendable es un texto en negro con un fondo blanco.

 

Página de inicio del SCH
Imagen 1

 

Los problemas de contraste se pueden observar al imprimir la página en blanco y negro. Es fundamental asegurarse que toda la información presentada se observa correctamente en ausencia de color. Por ejemplo, en la imagen 1 el contraste de las diferentes opciones del menú de navegación no se lee con claridad, generando problemas a los usuarios con visión reducida.

Un 45% de las entidades analizadas no ofrecían un contraste adecuado en los textos y los gráficos de su página de inicio.

 

Criterio 2: Proporcionar un formato alternativo para todo elemento no textual

Los navegadores que no descargan gráficos y los lectores de pantalla permiten ofrecer información sobre las imágenes. Por ello, es importante incluir una alternativa en el código fuente de la página que convierta el contenido gráfico en contenido textual. Esta alternativa es particularmente importante en imágenes que actúan como enlaces o como botones.

 

Página de inicio de eBankinter
Imagen 2

 

El problema de la imagen 2 se observa cuando una persona navega con un navegador gráfico en el que se ha desactivado la opción de descarga de imágenes. En el ejemplo no aparecen las barras de navegación, por lo que el usuario no sabría qué pinchar para acceder a las distintas opciones. Estos diseños generan problemas a usuarios ciegos que navegan con navegadores especiales (lectores de pantalla y síntesis de voz) y a usuarios que para navegar más rápido han desactivado la opción gráfica de sus navegadores. Para comunicar adecuadamente la información, los diseñadores deben incluir etiquetas ALT (alternativas) que ofrezcan información de los ficheros gráficos que no se han descargado en el navegador.

Lamentablemente, ninguno de los bancos analizados cumplía este criterio en su página de inicio.

 

Criterio 3: El contenido debe ser comprensible en un navegador sin gráficos y en un navegador sólo texto

Los usuarios invidentes utilizan programas para escuchar el contenido de la pantalla mediante síntesis de voz. No se utiliza el ratón, sino el teclado. Los contenidos que descubre un lector de pantalla son los mismos que visualizaría un usuario con un navegador sólo-texto. Por tanto es fundamental que la información del sitio web se visualice correctamente en un navegador de este tipo.

 

Página de inicio de la CAM
Imagen 3

 

En la imagen 3 el usuario del navegador sólo-texto no tendría acceso al contenido, ya que no sabe lo que hay tras los enlaces denominados Link (ausencia de etiquetas ALT). En muchos de los bancos analizados no hay acceso a ningún tipo de contenido para un navegador sólo texto, la pantalla se queda vacía.

La utilización de diseños en los que predominan las imágenes sobre el texto, los redireccionamientos automáticos, los marcos, scripts y applets generan estos graves problemas de navegación.

El incumplimiento del criterio anterior relativo a textos alternativos para archivos no textuales hace que este criterio, más amplio, no sea tampoco cumplido por ninguna entidad. Sin embargo, hay que destacar que en algunas entidades la no visualización de la página de inicio en un navegador sólo-texto ha sido debida al incumplimiento de otros criterios de accesibilidad.

 

Criterio 4: Los usuarios deben poder controlar cómo visualizan los textos

Generalmente, aquellas personas que tienen visión reducida se sirven de pantallas más grandes, utilizan caracteres mayores (12-18 puntos) y un elevado contraste de colores junto a una baja resolución (640x480). Es por ello que se deben utilizar valores relativos en lugar de absolutos al especificar el tamaño de los marcadores de lenguaje y en las hojas de estilo. De esta forma, los usuarios con problemas visuales que navegan habitualmente con la opción de fuentes muy grandes activas, pueden ver la información con el tamaño deseado.

 

Página de inicio de La Caixa
Imagen 4

 

En la imagen 4 se observa un buen ejemplo de control del usuario sobre los contenidos. El diseño de la página en formato texto en valores relativos permite que un usuario con problemas de visión pueda aumentar el tamaño de las fuentes para mejorar su lectura. Sin embargo, con frecuencia los diseñadores tratan de tener un control total sobre su página web (un concepto erróneo en Internet) incluyendo tamaños fijos o imágenes como textos que impiden esta función del navegador. Sólo un 18% de las entidades analizadas permitían al usuario tener control sobre la forma de presentar los contenidos en el sitio web.

 

Criterio 5: Se debe proporcionar un título descriptivo para cada frame

La utilización de marcos (frames) crea multitud de problemas, no sólo de accesibilidad, ya que dificulta la impresión correcta de una página, ralentiza su descarga y no permite guardar la dirección URL en los enlaces favoritos o enviarla por correo electrónico. Los problemas de accesibilidad ocasionados por el uso de frames se acusan fundamentalmente en navegadores antiguos y navegadores sólo texto.

 

Página de inicio de iBanesto
Imagen 5

 

En la imagen 5 extraída de la interfaz de una pagina web en un navegador sólo-texto, los frames tienen nombre pero no tienen un significado claro para el usuario. Además, el frame no tiene una descripción del mismo y sus relaciones con los demás (etiqueta "NOFRAMES") por lo que un usuario con un lector de pantalla tendría problemas de navegación. En los códigos html de la página, se debe incluir una descripción y un título con sentido a cada marco. De este modo los dispositivos de ayuda proporcionan una información que permite al usuario comprender la relación entre los marcos y sus contenidos.

Un 45% de las entidades analizadas utilizan marcos y no ofrecen una descripción adecuada, por lo que incumplen este criterio.

 

Criterio 6: El contenido del sitio web se debe visualizar correctamente sin cargar la hoja de estilos

Las hojas de estilo sirven para describir cómo se deben presentar los elementos dentro de una página web. Sin embargo, las hojas de estilo no se muestran adecuadamente en todos los navegadores. Otro problema es que las hojas de estilo no son soportadas por algunos navegadores. Por tanto es importante que los contenidos de una página web se vean adecuadamente sin utilizar hojas de estilo.

 

Página de inicio de BBVA
Imagen 6

 

En el ejemplo de la imagen 6 el usuario que navega sin hojas de estilo deja de tener acceso a las opciones del menú de navegación global de la entidad. Un 45% de las entidades analizadas no ofrecían una navegación clara con las hojas de estilo desactivadas.

 

 

Criterio 7: Se debe proporcionar información sobre la maquetación general del sitio web

Muchos usuarios para orientarse en su navegación suelen utilizar el mapa del sitio web, donde tienen, en una sola página, los enlaces más importantes y pueden visualizar la estructura jerárquica de las diferentes secciones de manera global. El mapa web es una representación textual de la arquitectura del sitio web y es una herramienta alternativa de navegación para facilitar el recorrido a los usuarios sin seguir los menús de navegación jerárquicos de las páginas.

En el estudio un 36% de las entidades no ofrecían un mapa web. Además, hemos encontrado graves problemas de accesibilidad al mapa web en algunas entidades, tales como la apertura del mapa web en ventanas emergentes o el diseño del mapa web mediante frames sin títulos.

 

 

Criterio 8: El sitio web debe ser accesible sin scripts, applets y otros objetos de programación

Los scripts, applets y plug-ins proporcionan funcionalidades al desarrollar sitios web con efectos visuales, de audio, interactivos u opciones de contenidos dinámicos.

La utilización de este tipo de objetos de programación ofrece problemas cuando el usuario no tiene descargado en su disco duro el plug-in o no puede utilizar un navegador con scripts o applets. Por ello es muy importante comprobar que las páginas presenten la información esencial, aún cuando estos elementos estén desactivados o no sean soportados por el navegador del usuario. Si el contenido que se quiere transmitir al usuario no es accesible sin estos elementos activos, se debe facilitar un contenido o página alternativa.

 

Página de inicio de Caixa Catalunya
Imagen 7

 

La utilización intensiva de scripts en la página web de la imagen 7 hace que cuando el usuario trata de desplegar las opciones del menú global el sitio no realiza la descarga, ya que la ejecución del script se atasca como podemos ver en la barra de estado inferior. Además ofrece un aviso de la importancia de descargarse el plug-in de Flash para visualizar correctamente el sitio web.

La página web de la imagen 7 no es accesible con los scripts desactivados en el navegador, es decir no se visualiza absolutamente nada. Para capturar esta pantalla hemos desactivado los scripts una vez dentro de la página de inicio para estudiar los efectos que produce sobre los desplegables.

El 64% de las entidades analizadas incumplen este criterio al ofrecer problemas de navegación sin scripts, applets o plug-ins.

 
 
Conclusiones y recomendaciones  
 
 

La atención a la accesibilidad tiene para un banco electrónico una alta rentabilidad social y económica. Precisamente algunos de estos usuarios son uno de los públicos objetivos naturales de la banca online ya que tienen dificultades para desplazarse a la oficina tradicional.
Plantear un sitio web accesible es una labor que se debe llevar a cabo desde la concepción del sitio web. No obstante, la falta de conocimientos y de interés por la materia hacen que la mayoría de los sitios web actuales tengan problemas de accesibilidad. En nuestro estudio ninguna de las entidades cumple los ocho criterios analizados, que deberían ser de obligado cumplimiento. Incluso las dos mejores en cuanto a cumplimiento (eBankinter y La Caixa) solo cumplen 5 de los criterios (62,5% del total).

Es necesario facilitar el acceso a los sitios web al mayor número de personas, favoreciendo que las personas con problemas físicos, sensoriales o cognitivos no tengan dificultades. Para ello, los diseñadores deben seguir algunas recomendaciones básicas cuando desarrollan un sitio web:

 

• Separar el contenido de la presentación visual.

• No poner texto como imágenes ya que impiden cambiar los tamaños.

• Ofrecer la posibilidad de aumentar el tamaño de las fuentes.

• Asegurarse de que los textos y gráficos son comprensibles cuando se ven sin color.

• Adoptar fondos simples, preferentemente planos y con suficiente contraste.

• No utilizar imágenes o textos que se mueven.

• Añadir texto alternativo o etiquetas "alt" para todas las imágenes.

• Evitar las páginas con marcos pues no son accesibles para algunos navegadores.

• Presentar un mapa web o índice del sitio web en formato texto.

• No obligar al usuario a descargarse plug-ins, ni a la utilización de scripts o applets en funciones esenciales del sitio web.

Además de estas recomendaciones se debe tener en cuenta que la usabilidad guarda una relación muy importante con la accesibilidad. Un sitio web ha de cumplir las pautas de accesibilidad, pero también debe facilitar la navegación a los usuarios y la realización de las tareas para las que han accedido al sitio web.

 
 
Entidades analizadas  
 
 

Hemos analizado las páginas de inicio de las 11 entidades financieras españolas más importantes, medidas por sus recursos de acreedores según el servicio de estudios de La Caixa.

Las entidades seleccionadas han sido:

Bancaja

BancoPopular-e.com

Banco Sabadell

BBVA

Caixa Catalunya

Caja Madrid

CAM

eBankinter.com

iBanesto

La Caixa

SCH

 

Copyright © 2000-2003 Soluciones Interactivas S.L. Todos los derechos reservados
"Emergia Soluciones Interactivas" es una marca registrada de Soluciones Interactivas S.L.