En este análisis simplificado sólo hemos estudiado la página de inicio de los sitios web seleccionados. Los nueve 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 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.

Imagen 1

En la imagen 1 se presentan problemas de contraste al presentar la información en todos los elementos del sitio web tanto las barras de navegación como los contenidos y los banners.

Un 80% de los sitios web analizados 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.

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.

Imagen 2

En la imagen 2 se observa la web de La Moncloa con un navegador sin imágenes. No incluye ninguna etiqueta ALT.

Lamentablemente, ninguno de los sitios web analizados cumplía este criterio en su página de inicio. No obstante la gravedad del problema es menor en el sitio web de la Seguridad Social, ya que las etiquetas ALT que no se incluyen son las que deberían hacer referencia a elementos de maquetación. Estas etiquetas ALT sin contenido producen un espacio de tiempo vacío en la navegación mediante lectores de pantalla que son un inconveniente para los usuarios invidentes.

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. 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 sólo-texto.

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.

Imagen 3

En la imagen 3 se observa la navegación por el sitio web de La Moncloa con un navegador sólo-texto. Esto significa que un lector de pantalla indicaría la existencia de un marco llamado principal y que el navegador no admite la navegación por el sitio web.

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 ningún sitio web. Además, 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

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, entre los que se incluye un elevado porcentaje de usuarios de avanzada edad, que navegan habitualmente con la opción de fuentes muy grandes activas, pueden ver la información con el tamaño deseado.

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 la letra 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. Ninguno de los sitios web analizados permitían al usuario tener control sobre los contenidos presentados en el sitio web.

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

Los problemas de accesibilidad ocasionados por el uso de frames se acusan fundamentalmente en navegadores antiguos y navegadores sólo texto y están motivados porque cada frame debe tener un título significativo y una descripción de lo que incluye y las relaciones con el resto de frames. 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.

Todos los sitios analizados utilizan frames y en ninguno de ellos se incluye un título significativo y una descripción de lo que incluyen. La imagen 4 es la página de inicio de Administracion.es con un navegador sólo-texto. El usuario no tiene información de lo que se va a encontrar en los frames hasta que no pincha en ellos.

Imagen 4

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 todos los navegadores. Por tanto es importante asegurarse que el sitio web se ve adecuadamente sin utilizar hojas de estilo.

Imagen 5

Un 60% de los sitios web analizados no ofrecían unas opciones de navegación claras con las hojas de estilo desactivadas. La imagen 5 muestra la web de La Moncloa cuando hemos desactivado las hojas de estilo de nuestro navegador. El usuario pierde todos los contenidos textuales del sitio web y la navegación.

Criterio 7: Se debe proporcionar información accesible 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 la jerarquía de las páginas.

En el estudio un 60% de los sitios no ofrecían un mapa web. Además, hemos encontrado graves problemas de accesibilidad al mapa web de los dos sitios que tienen. En La-Moncloa.es el mapa web tiene barras de desplazamiento automáticas con imágenes sin etiquetas ALT y en el de España 2002 (Ue2002.es) se utiliza Flash. Por ello consideramos que ninguno de los sitios analizados cumple este criterio.

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

La utilización de plug-ins, applets y scripts 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.

Imagen 6

El 60% de los sitios web analizados ofrecen problemas de navegación sin scripts, applets o plug-ins. La imagen 6 muestra los resultados de la utilización intensiva y poco adecuada de scripts en los desplegables de la página de inicio de la Agencia Tributaria. Si tratamos de acceder a la misma con los scripts desactivados no encontramos contenidos.

Criterio 9: Se debe evitar el parpadeo en la pantalla

Los usuarios con epilepsia fotosensitiva pueden tener ataques desencadenados por parpadeos o destellos que oscilen entre los 2 y los 55 Hz, así como con los cambios rápidos de oscuridad a iluminación. Los parpadeos y destellos son utilizados habitualmente en sitios web con publicidad para destacar la información y en las presentaciones realizadas con Flash. En nuestro análisis el sitio del Portal del ciudadano (Administracion.es) presenta este problema.