Medidas para mejorar la accesibilidad

En la web de la www.educastur.es se han adoptado una serie de medidas cuyo objetivo es mejorar la accesibilidad. Las ventajas que esto conlleva son, entre otras:

• Facilitar el acceso de las personas independientemente de su condición física o de su entorno.
• Permitir el acceso con diferentes agentes de usuario.
• Incluir contenidos claros y bien estructurados.
• Mejorar la navegación y la experiencia del usuario.

Entre las medidas adoptadas:

• Orden lógico de presentación de los elementos en pantalla y de los contenidos en el código.
• Uso de los estándares del W3C.
• Gramática XHTML 1.0 y CSS 2.
• Pautas de Accesibilidad para el Contenido Web ( WCAG nivel AA).

Diseño y maquetación

El diseño y maquetación del portal www.educastur.es se ha desarrollado teniendo presentes las Pautas de Accesibilidad para el Contenido Web (WCAG 1.0) que afectan directamente a esta parte del desarrollo:

• Separación de contenido y presentación mediante hojas de estilo.
• Uso de unidades relativas (permiten redimensión de texto y diseños fluidos).
• Control de contraste de colores.

Navegación

Para facilitar la navegación, todos los documentos del sitio mantienen una estructura similar en la que se incluyen los mismos elementos de cabecera y pie y de diseño general.

Además, en todas las páginas del sitio se encuentra un menú de navegación. Su propósito es situar al usuario en el contexto del sitio y dar acceso rápido a todo el recorrido de navegación.

Sección de utilidades

En la cabecera de cada página se encuentra un menú para acceder a todas las secciones de la página, y en cada una de ellas el citado menú de navegación. En la cabecera de cada página está el vínculo a la red social en la que el instituto publica información (instagram). En el pie de todas las páginas están los vinculos a las secciones  de educastur más utilizadas por el alumnado (intranet, office365 y aulas virtuales).

Vista en dispositivos móviles

El sitio web está construido con una tecnología que permite la adaptación automática de todos sus contenidos a cualquier dispositivo móvil y tamaño de pantalla. En la vista de móvil el logotipo del sitio toma una posición central para facilitar el acceso a la portada; sobre el logotipo se coloca la barra de enlaces directos principales; debajo de él, se situá el buscador y a su izquierda el símbolo de menú (tres rayitas horizontales) que despliega la estructura de páginas del sitio. Los contenidos se colocan en columna, uno debajo de otro, y muestran todos los elementos (texto, imágenes, multimedia, menús) adaptados al tamaño de pantalla y completamente operativos.