Para la construcción del presente sitio web hemos considerado el desarrollo de dos versiones:
- Versión standar.- En esta versión se ha considerado mantener una estructura visual cómoda, con un contraste y legibilidad adecuado que permiten transmitir la campaña sin alterar su lenguaje visual.
- Versión accesible.- En esta versión hemos considerado las pautas que permitan a personas con algun tipo de discapacidad hacer uso del sitio web.
Diseño visual y compatibilidad con las pautas de accesibilidad
El diseño visual se ha realizado bajo la recomendación del W3C. sobre las Hojas de Estilo en Cascada, Nivel 3 (CSS3). Si el navegador o dispositivo de navegación no soporta hojas de estilo, el contenido de la web sigue siendo totalmente legible gracias a su marcado estructural.
Todas las páginas de la versión accesible de este sitio web siguen las Pautas de Accesibilidad o Principios Generales de Diseño Accesible establecidas por el Grupo de Trabajo WAI perteneciente al W3C.
‘Atajos’ de teclado
Para poder navegar por este sitio Web de forma accesible, se han programado un grupo de teclas de acceso rápido que recogen los bloques de información de interés general en los que está organizado el portal.
| Tecla | Página |
|---|---|
| 0 | Inicio |
| 1 | Decálogo |
| 2 | Embajadores |
| 3 | Actualidad |
| 4 | Manifiesto |
| 5 | Tu eres parte fundamental |
| 6 | Formación |
| 7 | Recursos |
| 8 | Accesibilidad |
| 9 | Términos legales |
Dependiendo del sistema operativo y del navegador que se utilice, la combinación de teclas será la siguiente:
| Navegador | Combinación de teclas |
|---|---|
| Explorer | ALT + atajo y luego ENTER |
| FireFox | ALT + MAYÚSCULAS + atajo |
| Chrome | ALT + MAYÚSCULAS + atajo |
| Safari | ALT + atajo (si es un MAC, CMD + atajo) |
| Opera | MAYÚSCULAS + ESC + atajo |
Tamaño del texto
El diseño accesible de este sitio Web permite que el usuario pueda elegir el tamaño del texto que le convenga. Esta acción puede llevarse a cabo de diferentes maneras según el navegador que se utilice o puede utilizar directamente los controles A+ y a- proporcionados en las páginas detalle.
| Navegador | Acción a realizar |
|---|---|
| Explorer | Ver > Tamaño del texto |
| Firefox | Ver > Tamaño |
| Chrome | Icono llave inglesa > Opciones > Avanzada > Contenido web > Tamaño fuente |
| Safari | Visualización > ampliar/reducir |
| Opera | Ver > escala |
Otra forma de modificar el tamaño de texto es utilizar los atajos de teclado definidos en los navegadores, en particular la combinación de teclas CTRL y + para aumentar el tamaño del texto, y CTRL y – para reducirlo es común para la mayoría de los navegadores.