Estructura
- Área: Manual de estilo genérico
- Tipo de pauta: Directriz
- Carácter de la pauta: Obligatoria
Pautas
Título | Carácter |
---|---|
Verticalidad | Obligatoria |
Sección superior | Obligatoria |
Sección central | Obligatoria |
Sección inferior | Obligatoria |
Tamaño sección superior | Obligatoria |
Tamaño sección central | Obligatoria |
Tamaño sección inferior | Obligatoria |
Verticalidad
Mantener una estructura vertical.
Mostrar la información ordenada por estratos según su relevancia informativa y estructurando la disposición de sus elementos para facilitar la navegación entre las distintas secciones de la web. La disposición vertical genera una estructura entendible por cualquier tipo de usuario.
Sección superior
Incluir la cabecera, el menú horizontal, iconos de acceso a la aplicación y la ruta en la zona superior.
La zona superior de la pantalla debe contener:
- Cabecera
- Iconos de acceso y salida de la aplicación
- Menú principal, en posición horizontal
- Ruta de navegación
Sección central
Insertar el menú vertical, cuando corresponda, el título del contenido que se esté mostrando y el desarrollo del mismo.
La sección central de la pantalla debe contener los siguientes elementos:
- Menú vertical (en las pantallas que corresponda)
- Título del contenido
Estará incluido entre los tags <h2> y </h2> - Desarrollo del contenido
Los diferentes encabezados que se encuentren en esta sección, deben estar insertados entre los tags <h3> y </h3>
Sección inferior
Situar en la sección inferior los enlaces a la información legal, información de contacto, logotipos de cumplimiento de estándares (accesibilidad, xhtml, css), etc.
El pie de página puede incluir los siguientes elementos:
- Enlace a información legal
- Enlace a información de contacto
- Logotipos de cumplimiento de estándares (accesibilidad, xhtml, css)
- Enlace a información sobre accesibilidad
- Etc.
La sección debe estar contenida en la siguiente estructura:
<div id="pie">
...
</div>
Tamaño sección superior
Dar un tamaño de aproximadamente el 25% de la pantalla a la sección superior.
La sección superior debe ocupar aproximadamente un 25% de la pantalla sin scroll.
Tamaño sección central
Dar un tamaño de mínimo del 70% de la pantalla a la sección central.
La sección central debe ocupar como mínimo un 70% de la pantalla sin scroll.
Tamaño sección inferior
Dar un tamaño de aproximadamente el 5% de la pantalla a la sección inferior.
La sección inferior debe ocupar aproximadamente un 5% de la pantalla sin scroll.