Generalitat de Catalunya

Página principal de gencat: menú izquierdo visto con Javascript desactivado. Las opciones que aparecen en las diferentes pestañas con Javascript, quedan listadas una bajo la otra.

En este proceso de adaptación del diseño de gencat a las pautas WCAG de accesibilidad, se ha optado por:

• Utilizar código (x)html, que permite crear documentos estándar y con una estructura limpia. El contenido se marca con etiquetas que lo dotan de información de contexto y que permiten al usuario diferenciar párrafos, encabezamientos, secciones, etc.
• Posicionar el contenido mediante hojas de estilo en cascada (css) y sin tablas.

Esto permite separar la estructura de la presentación de los contenidos, que garantiza la compatibilidad para diferentes programas y dispositivos y permite utilizar tecnologías de asistencia a la navegación como los lectores de pantalla para personas con disminuciones visuales.

Además, se han incorporado funcionalidades como:

• El tamaño de la letra y los colores se pueden modificar con las herramientas del navegador para adaptarlos a las preferencias de los usuarios.
• Descripciones alternativas de las imágenes, excepto aquellas que tengan un objetivo meramente decorativo.
• Siempre se ofrece una alternativa al javascript (tecnología que se utiliza en menús desplegables, pastillas, etc.), de manera que los usuarios que tengan el javascript desactivado o versiones antiguas sin apoyo de DOM accedan igualmente a la información.
• Se ofrece alternativa html a los contenidos servidos en formatos no estándar (flash, etc.)
• Se evita el uso de ventanas emergentes (pop-ups), ya que frecuentemente son confusas para los usuarios y algunos navegadores pueden bloquearlas. En los casos en que es imprescindible abrir una ventana emergente, se indica de forma conveniente.
• La normativa de gencat desaconseja la utilización de gráficos en movimiento y con efecto de centelleo. En los casos en que se utilicen, se especifica que los usuarios tienen que tener la capacidad de pararlos.
• Se hace un esfuerzo para conseguir el mayor contraste posible entre los colores del texto y el fondo. También se intenta utilizar colores que no ocasionen problemas a las personas con limitaciones visuales, como el daltonismo, y no se usa exclusivamente el color para dotar de significado a un contenido (por ejemplo, el verde para el sentido positivo y el rojo para el negativo).
• Enlaces con sentido, con atributo título y que se puedan controlar aunque los elementos de programación no estén activados.

Con la adopción de estas pautas, el objetivo que se persigue es que el web gencat y todos sus elementos sean:

• Perceptibles: que cualquier persona los pueda percibir con independencia de sus limitaciones y de las tecnologías que utilicen.
• Comprensibles: la estructura, el lenguaje y las informaciones de contexto de las páginas tienen que ser sencillos y coherentes, para que cualquier persona los pueda entender sin dificultad.
• Usables: el diseño tiene que estar al servicio del usuario, no al revés. Cualquier usuario tiene que poder satisfacer los objetivos que le han llevado a consultar la web sin complicaciones.
• Navegables: la navegación tiene que ser sencilla y estar orientada mediante ayudas. Los enlaces se tienen que poder accionar y tienen que proporcionar exactamente la información que los usuarios esperan.
• Robustos: el contenido tiene que poder presentarse correctamente por los navegadores, tecnologías de asistencia y otros programas y dispositivos actuales y futuros.