Guía del sitio

Estructura de la página web

La página web se estructura en 7 secciones principales:

• El proyecto
  Una introducción sobre el cómo y el porqué del proyecto Utility System;
• Las innovaciones
  Las innovaciones y características fundamentales del sistema Utility;
• Los elementos
  Una presentación de los principales elementos que componen el sistema, cada uno acompañado de ejemplos fotográficos de su aplicación en diferentes cocinas Scavolini;
• La selección y el uso
  Sencillos consejos para la selección y el uso de los elementos del sistema Utility;
• El hospital Niguarda
  La realización de los espacios cocina para la nueva Unida de Columna Vertebral del hospital Niguarda Ca' Granda de Milán;
• La empresa Scavolini
  Una presentación de la empresa Scavolini;
• • Scavolini en lo social
  La sensibilidad y el compromiso con su territorio y la temática socio-cultural.

Estructura de las páginas

La estructura-tipo de las páginas del sitio web, única por los tres tipos documentales que se ilustrarán a continuación, es la siguiente:

Cabecera

La cabecera, que puede saltarse utilizando la tecla TAB, se compone de los siguientes elementos:

• logotipo SCAVOLINI;
• sección de los enlaces de meta-navegación (Home Page, accesibilidad, guía de la página web, personaliza la visualización y mapa del sitio).

Cuerpo del documento

La parte correspondiente al cuerpo del documento se compone básicamente de dos secciones:

• Sección del "estás en:" 
  Esta sección, cuyo inicio se marca con las palabras "estás en:" contiene todos los elementos que son útiles para contextualizar el documento dentro del sitio y permitir así una navegación más fácil a los usuarios; se compone a su vez básicamente de dos elementos:
  • Ruta - Formada por la secuencia de todos esos enlaces, separados entre sí por el signo >, que permite al usuario navegar fácilmente dentro del sitio (para volver sobre sus pasos o para recobrar documentos relacionados con la misma sección que está examinando);
  • Título del documento - Compuesto por el nombre de la sección o del documento que el usuario está examinando; teniendo en cuenta la importancia de este elemento para la navegación del sitio y la indexación de los contenidos, se ha implementado mediante el uso de una etiqueta H1.
• Sección de contenidos - La sección destinada a acoger los contenidos documentales de la página web.

Barra de menú

La barra de menú se sitúa visualmente a la izquierda de la sección de contenidos. Contiene la lista de los enlaces a las 7 secciones de la página web.

Pie de página

Situada para delimitar el final de los documentos visualizados, la sección de pie de página contiene cuatro elementos:

• enlace "Volver al principio de la página";
• enlace a la página web de la empresa Websolute srl que ha llevado a cabo la realización técnica del sitio web;
• dirección de correo electrónico a la que enviar preguntas, comentarios y sugerencias relacionados con la accesibilidad y el uso;
• enlace a los validadores del W3C relacionados con el XHTML, a los CSS y al WAI-AAA..

Tipo de páginas

Como ya se ha mencionado, el sitio web se compone básicamente de tres páginas-tipo que, respecto a la estructura de las páginas que se acaba de describir, difieren entre sí solamente por la sección de contenidos; así pues, en la siguiente lista describimos los tres tipos de página y los elementos de la sección de contenidos que las distinguen:

• Home page
  La home page del sitio web se subdivide en tres secciones que anticipan contenidos desarrollados después extensamente dentro de las secciones específicas de la página web:
  • Utility System
    que contiene una breve introducción al proyecto;
  • La empresa SCAVOLINI
    que contiene un breve texto de presentación de la realidad empresarial Scavolini;
  • SCAVOLINI en lo social
    que contiene un breve texto de presentación de las actividades socio-culturales apoyadas por la empresa.
• Páginas de sección  
  Las páginas de cada sección son páginas de documento; por tanto, la sección de contenidos está íntegramente dedicada a la presentación de dichos documentos y consisten básicamente en textos acompañados, en algunos casos, de imágenes fotográficas y dibujos.
• Páginas de la sección "los elementos"  
  Esta es la única sección que contiene sub-secciones, cada una de las cuales ilustra un elemento del sistema Utility:
  • La primera página sirve de índice e incluye los enlaces que conducen a las respectivas sub-secciones; este tipo de enlaces se reconoce por la posición (se encuentran justo debajo de la sección de la ruta) y por el TITLE asociado al enlace, que comienza con las palabras "Ir a la sección...".
  • Cada sub-sección está compuesta por una página de documento que ilustra un elemento del sistema. En estas páginas, la sección de contenidos se subdivide en dos columnas: la que está más a la izquierda presenta estos elementos mediante un texto descriptivo y un ejemplo fotográfico de su aplicación a un modelo de cocina Scavolini; en la columna de la derecha figuran unos enlaces que permiten ver imágenes del componente; también este tipo de enlaces se reconoce por la posición (precisamente en la columna de la derecha) y por el TITLE asociado al enlace, que comienza con las palabras "Ver el componente..."

Presentación de las páginas

Las páginas del sitio web, realizadas principalmente en forma de texto, se presentan mediante el uso de hojas de estilo. Con los navegadores que no soporten las hojas de estilo o que las soporten de forma incompleta, los elementos de decoración (implementados como imágenes de fondo) no son visibles. En cualquier caso, el contenido de las páginas se puede leer, tanto si el navegador no soporta las hojas de estilo como si estas últimas son desactivadas. El dimensionado de los caracteres se ha realizado mediante el uso de tamaños relativos de las fuentes, a fin de permitir al usuario seleccionar el tamaño preferido, aprovechando las funciones específicas de los navegadores gráficos. En cualquier caso, la visualización puede personalizarse aún más mediante la página correspondiente accesible en el menú de cabecera (tanto en términos de contraste de los colores texto-fondo como de tamaño de los caracteres).

Accesibilidad

La página web ha sido desarrollada de acuerdo con los principios de accesibilidad para personas con discapacidad, siguiendo en particular los dictados de las directrices WCAG 1.0 de la WAI; en los siguientes párrafos se indican algunas de las medidas que se han adoptado.

Conexiones (enlaces)

Todas las conexiones se han realizado mediante elementos de texto; algunos de estos elementos se muestran de manera gráfica mediante el uso de hojas de estilo; otras conexiones pueden reconocerse porque se resaltan al colocar el puntero sobre ellas. Todos los enlaces se han provisto del atributo TITLE, que contiene una descripción significativa del destino de la conexión; esta descripción, para aquellos enlaces que conducen fuera de la página web, termina con las palabras"...[enlace a una página web externa]".

Imágenes

Todas las imágenes disponen del atributo ALT, que describe de forma resumida su contenido; se ha evitado incluir imágenes puramente decorativas. En imágenes más complejas puede estar presente el atributo LONGDESC o el llamado D-LINK, enlace descriptivo. Este último se realiza con una D mayúscula colocada inmediatamente después de la imagen a la que se refiere y es una conexión a un archivo en el que se describe la imagen con detalle.

Tablas

El uso de las tablas se ha limitado únicamente a los casos en los que estos elementos cumplen la función para la que se han sido concebidos: la presentación de datos de forma estructurada; por tanto, se ha evitado el uso de tablas como herramienta para definir la disposición de la página. Cuando se utilizan, las tablas siempre están provistas de todos esos mecanismos (SUMMARY, CAPTION, TH y definición de la dirección de lectura) útiles para hacer accesible el contenido a discapacitados.

Textos

También con el fin de ofrecer el mejor soporte posible a los navegadores de voz, dentro de cada página se han definido:

• el idioma principal del documento;
• el idioma relacionado con términos extranjeros específicos.

Además, se ha prestado una atención especial para indicar, mediante el uso de las etiquetas adecuadas, el significado de las abreviaturas y acrónimos presentes en el texto.

Cumplimiento de los estándares

Las páginas del sitio web, como puede comprobarse fácilmente dada la presencia de un enlace específico situado en la parte inferior derecha de las páginas, se han realizado de conformidad con los estándares del lenguaje XHTML 1.0 Strict.

La definición de los atributos de estilo de la página web se ha realizado de conformidad con las especificaciones CSS 2; la conformidad de la hoja de estilo puede comprobarse utilizando el siguiente enlace.

En la mayor parte de las páginas, se ha tratado de alcanzar el nivel de accesibilidad AAA (prioridad 3) de las WCAG 1.0.