Accesibilidad Web
El portal del Ayuntamiento de Navas de San Juan ha utilizado en sus construcción las medidas y criterios que a continuación se exponen y que facilitan que las personas usuarias obtengan con la menor dificultad posible la información y los servicios que ponemos a su disposición.
Concepto de usabilidad web
Usabilidad significa colocar en el centro del diseño y la estructuración de contenidos las necesidades de las personas usuarias. Prentende que las personas usuarias lleven a cabo las diferentes tareas disponibles con eficacia, eficiencia, rapidez , facilidad y satisfacción
Para conseguir este objetivo se han tenido en cuenta las opiniones de las personas usuarias a los que se ha realizado test a las personas usuarias reales con navegación en el hogar.
Concepto de Accesibilidad Web
Consiste en facilitar el acceso a la web al mayor número de las personas usuarias posible, independientemente de sus características (capacidades/limitaciones, hardware, software, comunicaciones, etc).
Para ello la web se ha trabajado teniendo en cuenta los siguientes estandares:
- CSS
El diseño se ha realizado bajo la recomendación del W3C sobre las Hojas de Estilo en Cascada (CSS). 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.
- WAI-AAA
Este sitio web ha sido diseñado y programado siguiendo las directrices de la iniciativa WAI (Web Accessibility Initiative, www.w3.org/wai), que marca unos estándares internacionales en la creación de contenidos webs accesibles para todos. Para analizar la accesibilidad de Portal se ha utilizado el Test de Accesibilidad Web (TAW). El Portal cumple la prioridad 3 (Nivel de accesibilidad Triple A).
Se detallan a continuación algunas de las tareas más relevantes que se han llevado a cabo durante el desarrollo de este sitio web:
Revisión del cumplimiento de las pautas.
Se han seguido con firmeza los puntos expuestos por la herramienta Taw para conseguir un nivel de accesibilidad AA en este Portal. Además se han cumplido las pautas fijadas por la W3C en cuanto a codificación se refiere, consiguiendo un código html y css válidos.
Uso versiones alternativas de texto para cada elemento visual.
Asímismo, se describen las imágenes con un significado especial. Esto es utilizado por dispositivos que no muestren imágenes, como navegadores de voz para invidentes o navegadores de texto (Pauta 1.1).
Toda la información mostrada en el sitio web estan disponibles también sin el uso de colores.
No se obliga, mediante colores, al usuario a diferenciar apartados, secciones o cualquier tipo de información (pauta 2.1).
Se ha separado claramente el contenido de la presentación.
Se utiliza CSS para controlar el aspecto y la maquetación, dejando al xhtml ofrecer solamente la información textual (pauta 3.3)
Maquetación con capas y no tablas
No se maqueta con tablas (pauta 5.3), dejando éstas sólo para mostrar ciertas informaciones
Tamaño del texto relativo.
Las fuentes utilizadas en el sitio web tienen dimensiones relativas, lo que significa que el usuario puede controlar su tamaño desde el navegador que está utilizando.
Si desea aumentar o disminuir el tamaño de la presentación, puede hacerlo:
- mediante el teclado:
- Internet Explorer: pulsando la tecla ctrl y utilizando la rueda del ratón.
- Netscape, Mozilla Firefox:
- tecla ctrl + tecla ‘+’ para aumentar
- tecla ctrl + tecla ‘-‘ para disminuir
- a través del menú de su navegador: ‘ver’ > ‘tamaño del texto’.
- mediante los botones de ampliar y disminuir texto situados a la derecha de las pestañas principales
Colores con suficiente contraste
Mediante la utilidad Vischeck se ha controlado que los colores sean lo suficientemente contrastados como para que personas con dificultades visuales, como el daltonismo, puedan tener un contraste correcto de éstos.
Acceso a secciones mediante el teclado. Accesskey.
Se denomina accesskey a aquellos atajos de teclado que permiten acceder a diferentes opciones del menú con más comodidad y sin usar el ratón. En esta página hemos usado accesskey para las siguientes áreas:
- – Inicio: 1
- – Mapa Web: 2
- – Aviso Legal: 3
- – Accesibilidad: 4
- – Trámites Online (En una nueva pestaña): 5
Para utilizar un “accesskey” la combinación de teclas depende del navegador utilizado:
- – Windows
- – Internet Explorer –Alt + accesskey seguido de la tecla Enter
- – Internet Explorer 9 – Shift + accesskey seguido de la tecla Enter
- – Firefox 1.5 e inferiores , Mozilla, Netscape 6 y superiores – Alt + accesskey
- – Firefox 2 y superiores – Alt + Shift + accesskey
- – Google Chrome – Alt + accesskey
- – Opera – Shift + Esc + accesskey
- – Mac
- – Safari 1.2, Firefox , Mozilla, Netscape 6 y superiores –Ctrl + accesskey
- – Opera – Shift + Esc + accesskey
De la misma forma, y con el fin de facilitar la navegación con el teclado por los distintos enlaces y elementos de las páginas, hemos tratado de crear un orden lógico en la navegación con el teclado. A su vez se ha editado el orden de tabulación para mantener un orden según la importancia de cada sección.
