Структура сайта

Сайт состоит из 7 главных разделов:

Сайт состоит из 7 главных разделов:

• Проект
  Введение в основы проекта Utility System;
• Инновации
  Фундаментальные инновации и характеристики системы Utility;
• Элементы
  Презентация основных элементов, из которых состоит система, каждый из которых сопровождается фотографиями с примерами их применения на разных кухнях Scavolini;
• Выбор и использование
  Простые советы по выбору и использованию элементов системы Utility;
• Больница Niguarda
  Разработка пространств кухонь для нового Спинального отделения Больницы Niguarda Ca' Granda в Милане;
• Компания Scavolini
  Презентация компании Scavolini;
• Scavolini в социальной сфере
  Сопереживание и обязательства по отношения в своей территории, социально-культурная сфера.

Структура страниц

Типичная структура страниц сайта, единая для трех типов документов, которые будут описаны ниже, представляет собой:

Заголовок

Заголовок, который можно пропустить с помощью клавиши TAB, состоит из следующих элементов:

• логотип SCAVOLINI;
• раздел ссылок мета-навигации (Главная страница, Доступность, Руководство по использованию сайта, Персонализация отображения карты сайта).

Тело документа

Часть, которая относится к телу документа, состоит, главным образом, из двух разделов:

• Раздел "Вы находитесь здесь:" 
  Данный раздел, начало которого определяется текстом "Вы находитесь здесь", содержит в себе все элементы, которые используются для идентификации контекста документа на сайте, а, следовательно, позволяют облегчить навигацию для пользователя. Раздел, в свою очередь, состоит из двух элементов:
  • Путь - Состоит из последовательности всех ссылок, разделенных одна от другой значком >, которые позволяют пользователю с легкостью осуществлять навигацию по сайту (чтобы пройти назад по своим шагам или чтобы вернуть документы, относящиеся к просматриваемому разделу);
  • Заголовок документа - Состоит из названия раздела или документа, который просматривает пользователь; учитывая значение данного элемента для целей навигации сайта и индексации содержимого, он был дополнен с помощью тега H1.
• Раздел содержимого - Раздел, предназначенный для отображения содержимого документа на сайте.

Панель меню

Панель меню визуально располагается слева от раздела содержимого. Она состоит из ссылок на 7 разделов сайта.

Нижняя часть страницы

Определяет конец отображаемого документа и состоит из четырех элементов:

• ссылка "Вернуться в начало страницы";
• ссылка на сайт компании Websolute srl которая занималась технической разработкой сайта;
• адрес электронной почты, на который можно высылать вопросы, комментарии и рекомендации, касательно доступа к сайту и его использования.
• ссылка на валидаторы W3C, касающиеся XHTML, а также CSS и WAI-AAA.;

Типы страниц

Как уже было упомянуто, сайт состоит, главным образом, из трех типичных страниц, которые, в зависимости от структуры страниц, описанной выше, различаются между собой только разделом содержимого; в нижеследующем перечне мы опишем три типа страниц и элементы раздела содержимого, которые их определяют:

• Главная страница
  Главная страница сайта делится на три раздела, предварительно отображающих содержимое, которое в полном виде раскрывается в специальных разделах сайта:
  • Utility System
    содержит краткое введение в проект;
  • Компания SCAVOLINI
    содержит короткий текст-презентацию компании Scavolini;
  • SCAVOLINI в социальной сфере
    содержит короткий текст-презентацию социально-культурной деятельности компании.
• Страницы раздела
  Страницы каждого раздела являются страницами документа; раздел содержимого, следовательно, полностью посвящен презентации таких документов, состоящих, главным образом, из текстов, сопровождающихся, в некоторых случаях, фотографическими изображениями и рисунками.
• Страницы раздела "Элементы" 
  Это единственный раздел, который содержит подразделы, каждый из которых иллюстрирует определенный элемент системы Utility:
  • Первая страница служит указателем и содержит ссылки, которые ведут к соответствующим подразделам; данные виды ссылок распознаются по расположению (сразу под разделом пути) и по НАЗВАНИЮ, привязанному к ссылке, которая начинается со слов "Перейти в раздел...".
  • Каждый подраздел состоит из страницы документа, иллюстрирующей определенный элемент системы. На этих страницах раздел содержимого подразделяется на две колонки: колонка слева представляет такие элементы с помощью описательного текста и фотографического примера его применения в модели кухни Scavolini; в колонке справа представлены ссылки, которые обеспечивают показ деталей; данный тип ссылок также распознается по расположению (в правой колонке) и по НАЗВАНИЮ, привязанному к ссылке, которое начинается со слов "Отобразить деталь..."

Представление страниц

Страницы сайта, созданные в основном в текстовом формате, отображаются с помощью каскадных таблиц стилей. В браузерах, которые не поддерживают каскадные таблицы стилей или которые поддерживают их не в полной мере, элементы декора (в виде фоновых изображений) не будут отображаться. Содержимое страниц, в любом случае, будет читаемым, как в случае если браузер не поддерживает каскадные таблицы стиля, так и в случае если они отключены. Определение размеров символов было выполнено благодаря использованию соответствующих размеров шрифта с тем, чтобы позволить пользователю выбрать желаемую величину текста, воспользовавшись соответствующим функционалом графического браузера. Отображение персонализируется еще больше благодаря специальной странице, открываемой из меню заголовка (регулируется контраст цветов текста-фона, а также размеры символов).

Доступность

Сайт был разработан в соответствии с принципами доступности для людей с ограниченными возможностями, следуя предписаниям Стандартов доступности Веб-содержимого (WCAG) 1.0  Инициативы по улучшению Веб-доступа (WAI); в следующих параграфах мы расскажем о принятых мерах.

Соединения (ссылки)

Все соединения выполнены через текстовые элементы; некоторые из этих элементов отображаются с помощью каскадных таблиц стилей в графическом виде; другие соединения выявляются благодаря отображающемуся тексту, всплывающему, когда над ними располагается курсор. Всем ссылкам было присвоено НАЗВАНИЕ, которое содержит в себе описание назначения соединения; такое описание для этих ссылок, которые ведут за пределы сайта, завершается словами "...[ссылка на внешний сайт]".

Изображения

Всем изображениям был присвоен атрибут ALT, который кратко описывает их содержимое; мы избегали изображений, несущих исключительно декоративный характер. 
Для более сложных изображений может присутствовать атрибут LONGDESC или, так называемый, D-LINK, ссылка описания. Последняя создается с большой буквой D, которая располагается непосредственно после изображения, к которому она относится, и представляет собой соединение с файлом, в котором изображение описывается детально.

Таблицы

Использование таблиц лимитируется случаями, в которых данные элементы выполняют функцию, для которой они были созданы: презентация данных в структурированной форме; поэтому мы избегали использования таблиц в качестве инструментов определения компоновки (layout) страницы. В тех случаях, когда таблицы использовались, они оснащались всеми нужными атрибутами (SUMMARY, CAPTION, TH и определение направления чтения) для того, чтобы сделать их содержимое полезным для людей с ограниченными возможностями.

Тексты

С целью предоставить наилучшую возможную поддержку браузерам для голосового синтеза на каждой странице были определены:

• главный язык документа;
• язык специальных иностранных терминов.

Особое внимание было уделено определению, с помощью специальных тегов, значения сокращений и акронимов в тексте.

Соответствие стандартам

Страницы сайта, что можно легко проверить с помощью наличия специальной ссылки, расположенной в нижней правой части страницы, были разработаны в соответствии со стандартами языка XHTML 1.0 Strict.

Определение стилистических атрибутов сайта было выполнено в соответствии со спецификациями CSS 2; соответствие каскадных таблиц стилей может быть проверено с помощью ссылки, расположенной ниже.

Наша цель заключалась в том, чтобы на большинстве страниц достичь максимального уровня доступности AAA (приоритет 3) Стандартов доступности Веб-содержимого WCAG) 1.0.