Постановление Правительства Пермского края от 15.09.2015 № 634-п

     4.1. Сайт не должен содержать информацию ограниченного доступа.

     4.2.    Доступ   к   административным   разделам   сайта   должен

осуществляться  только  с использованием протокола защищенной передачи

гипертекста HTTPS.

     4.3.    Информационная    система   сайта   должна   обеспечивать

разграничение  полномочий  доступа к разделам сайта для уполномоченных

лиц, ответственных за размещение информации на сайте.

                5. Стилистические требования к сайтам               

     5.1.  Содержимое  любой  страницы  сайта  государственного органа

должно  иметь  фиксированную ширину - 940 точек. Ширина содержимого не

должна  изменяться  в  зависимости  от  условий отображения. Свободное

пространство   слева   и   справа   от  содержимого  страниц  шаблонно

заполняется цветом фона.

     5.2.   Страница   сайта   должна   быть  построена  по  принципам

трехколоночной  сетки - блок содержимого может иметь ширину 33 % (одна

колонка),  66 % (двойная колонка) или 99 % (тройная колонка) от ширины

страницы.

     5.3.  Основной  цвет  фона сайта - серый (#F4F4F4), основной цвет

заголовков  -  черный  (#000000),  основной  цвет текста - темно-серый

(#676767),  цвет  гиперссылки в тексте и заголовках - синий (#3E6DA9),

цвет  гиперссылки  в  меню  -  темно-серый  (#676767),  цвет  подложки

активного элемента - синий (#578FD7).

     5.4.  Пользователю  должна предоставляться наглядная информация о

структуре сайта.

     5.5.   Все   ссылки  на  иные  сайты  в  сети  "Интернет"  должны

открываться в новой вкладке браузера.

     5.6.    Сайт    должен   поддерживать   возможность   корректного

воспроизведения  в браузерах Google Chrome (минимальная поддерживаемая

версия  10.0),  Internet  Explorer  (минимальная поддерживаемая версия

8.00), Opera (минимальная поддерживаемая версия 10.00).

     5.7.  Страницы  сайта  государственного органа должны делиться на

три типа:

     5.7.1. главная страница сайта;

     5.7.2. внутренние страницы сайта;

     5.7.3. служебные страницы.

     5.8.   Каждая   страница  сайта  государственного  органа  должна

поддерживать   возможность   просмотра   для   людей  с  ограниченными

возможностями.

     5.9.  Главная  страница  сайта является страницей, загружаемой по

умолчанию.  Состоит  из  описанных  ниже  блоков A.A-A.K. Опциональные

блоки  могут  отсутствовать  на  странице.  Не  допускается  изменение

последовательности  или  назначения  блоков.  Высота  группы из блоков

A.A, A.B, A.C и A.D не должна превышать 680 точек.

     Схема 1 - Главная страница сайта, обычная версия:

     Схема 1 в формате MS-WORD приводятся в виде отдельного файла

     5.10.  Высота  вспомогательного  блока  (блок  A.A)  постоянна  и

равняется 60 точкам. Блок занимает тройную колонку.

     Схема 2 - Вспомогательный блок:

     Схема 2 в формате MS-WORD приводятся в виде отдельного файла

     5.11. Вспомогательный блок состоит из четырех элементов:

     5.11.1.  поиск  по  сайту  -  поиск по содержимому сайта. Элемент

имеет   три   визуальных   состояния:  normal,  hover,  active.  Поиск

запускается  путем  ввода поискового запроса и последующего нажатия на

клавишу  Enter.  Результаты  поиска отображаются на служебной странице

"Страница результатов поиска" (блок E.A);

     5.11.2.  быстрая  навигация по сайтам органов власти - выпадающее

меню,  содержащее  сгруппированные  ссылки  на  сайты  государственных

органов.  Ссылки  объединены  в  группы  "Министерства",  "Агентства",

"Инспекции",  "Службы и комитеты". Доступ к информации об определенной

группе  осуществляется  путем  нажатия  на вкладку с названием группы.

Выпадающее  меню  и  группы  имеют  три  визуальных состояния: normal,

hover,  active.  Ссылки  на  сайты  государственных  органов имеют два

визуальных состояния: normal, hover;

     5.11.3.  ссылка  на  карту  сайта  - ссылка на служебную страницу

"Карта  сайта"  (E.B).  Ссылка имеет два визуальных состояния: normal,

hover;

     5.11.4.  ссылка  на  особую  версию  -  пиктограмма  переключения

версии  сайта  на  версию  для  людей  с  ограниченными возможностями.

Пиктограмма имеет два визуальных состояния: normal, hover.

     5.12. Идентификационный блок (блок A.B) занимает тройную колонку.

     Схема 3 - Идентификационный блок:

     Схема 3 в формате MS-WORD приводятся в виде отдельного файла

     5.13. Идентификационный блок состоит из следующих элементов:

     5.13.1.  герб  Пермского  края,  который является ссылкой на сайт

Правительства Пермского края. Имеет одно визуальное состояние: normal;

     5.13.2.   логотип  государственного  органа  (при  его  наличии),

который  является  ссылкой  на  главную  страницу  сайта.  Имеет  одно

визуальное состояние: normal;

     5.13.3.  наименование  государственного  органа, которое является

ссылкой  на  главную  страницу  сайта при отсутствии элемента "Логотип

органа власти". Имеет одно визуально состояние: normal.

     5.14.  Блок основной навигации первого уровня (блок A.C) занимает

тройную  колонку.  Состоит из ссылок на разделы сайта верхнего уровня.

Каждая  ссылка  имеет  визуальные  состояния:  normal,  hover, active.

Ссылки  по  мере  добавления переносятся на вторую и третью строку. Не

допускается перенос на четвертую строку.

     5.15.   Базовая   версия   навигации   состоит   из   ссылок:  "О

Министерстве    (агентстве,    инспекции,   службе   или   комитете)",

"Документы",  "Программы",  "Статистика", "Проверки", "Государственная

служба  и  кадры",  "Обращения  граждан", "Противодействие коррупции",

"Общественный  совет",  "Ссылки".  Базовая  версия  может  дополняться

иными ссылками по мере необходимости.

     5.16.  Блок  с  ключевой  информацией (блок A.D) занимает тройную

колонку.  Содержит  один  или  несколько  слайдов.  В  случае  наличия

нескольких  слайдов  преобразуется  в  элемент  типа "Слайдер". Каждый

слайд   должен  содержать  заголовок,  описание,  визуал  и  призыв  к

действию.  Призыв  к  действию  может  быть оформлен в виде кнопки или

ссылки.  При  нажатии  должен  обеспечивать  переход  пользователя  на

другую страницу текущего сайта или другой сайт.

     5.17.   Новостной  блок  (блок  A.E)  занимает  двойную  колонку.

Содержит   произвольное   количество   анонсов  новостей.  Один  анонс

занимает  одну  колонку.  Анонсы  располагаются  друг под другом в две

колонки.

     Схема 4 - Новостной блок:

     Схема 4 в формате MS-WORD приводятся в виде отдельного файла

     5.18.  Анонс  новости является ссылкой на страницу сайта с полным

текстом новости. Анонс новости содержит:

     5.18.1.  визуал  (опционально).  Имеет одно визуальное состояние:

normal;

     5.18.2. заголовок. Имеет два визуальных состояния: normal, hover;

     5.18.3. текст анонса. Имеет одно визуальное состояние: normal;

     5.18.4. дату публикации. Имеет одно визуально состояние: normal;

     5.18.5.  пиктограммы  типов контента (фотографий и видеороликов).

Отображаются   при  наличии  на  странице  с  полным  текстом  новости

мультимедийного  контента  -  фотографий  и  видеороликов.  Имеют одно

визуальное состояние: normal.

     5.19.   Блок   внутренних  ссылок  быстрого  доступа  (блок  A.F)

занимает  одну колонку. Содержит от одной до трех ссылок на содержимое

сайта,  представляющее наибольший потенциальный интерес пользователей.

Каждая ссылка содержит:

     5.19.1. заголовок. Имеет одно визуальное состояние: normal;

     5.19.2. текст. Имеет одно визуальное состояние: normal;

     5.19.3.  кнопку,  нажатие  которой приводит к переходу на целевую

страницу. Имеет три визуальных состояния: normal, hover, active.

     5.20. Блок с опросом (блок A.G) занимает одну колонку и содержит:

     5.20.1.   заголовок  опроса.  Имеет  одно  визуальное  состояние:

normal;

     5.20.2. описание опроса. Имеет одно визуальное состояние: normal;

     5.20.3.  варианты  ответов  (опционально).  Имеют одно визуальное

состояние:  normal.  Выводятся  в том случае, если пользователь еще не

дал ответ на вопрос;

     5.20.4.   результаты   (опционально).   Имеют   одно   визуальное

состояние:  normal.  Выводятся  в  том  случае,  если пользователь дал

ответ на вопрос;

     5.20.5.  кнопку  "Голосовать".  Имеет  три  визуальных состояния:

normal,  hover, active. Нажатие приводит к учету голоса пользователя в

результатах опроса.

     5.21.  Блок  внешних  ссылок быстрого доступа (блок A.H) занимает

одну   колонку.  Содержит  ссылки  быстрого  доступа  на  иные  сайты,

оформленные  в  виде  баннеров, содержащих визуал и заголовок. Баннеры

располагаются  друг  под  другом. Баннер имеет одно состояние: normal.

Нажатие  на  баннер  приводит к переходу пользователя на внешний сайт.

Не допускается размещение более десяти баннеров.

     Схема 5 - Блок внешних ссылок быстрого доступа:

     Схема 5 в формате MS-WORD приводятся в виде отдельного файла

     5.22.  Блок  с  контактной  информацией  (блок A.I) занимает одну

колонку, содержит:

     5.22.1.  фактический  адрес  государственного  органа. Имеет одно

визуальное состояние: normal;

     5.22.2. номер телефона. Имеет одно визуальное состояние: normal;

     5.22.3.  адрес электронной почты, имеет два визуальных состояния:

normal, hover. Является ссылкой формата mailto://.

     5.23.  Блок  дополнительной  навигации  первого уровня (блок A.J)

занимает  двойную колонку. Содержит ссылки на разделы верхнего уровня,

аналогично  блоку  A.C.  В  отличие  от блока A.C ссылки на разделы не

имеют состояния active.

     5.24.  Блок  правовой  информации  (блок  A.K)  занимает  тройную

колонку. Содержит правовую информацию, указание на разработчика сайта.

     5.25.  Внутренняя  страница  сайта,  обычная  версия  (шаблон  B)

состоит  из  описанных  ниже  блоков B.A-B.J. Опциональные блоки могут

отсутствовать     на     странице.     Не     допускается    изменение

последовательности или назначения блоков.

     Схема 6 - Внутренняя страница сайта, обычная версия:

     Схема 6 в формате MS-WORD приводятся в виде отдельного файла

     5.26.  Вспомогательный  блок  (блок  B.A)  идентичен  блоку A.A.,

идентификационный  блок (блок B.B) идентичен блоку A.B., блок основной

навигации первого уровня (блок B.C) идентичен блоку A.C.

     5.27.  Навигационная  цепочка  (блок  B.D)  занимает две колонки.

Если  цепочка  не  помещается  в  одну  строку, допускается перенос на

вторую   строку.  Является  вспомогательным  навигационным  элементом.

Отображает   расположение  страницы  в  структуре  сайта  и  позволяет

перейти  на  один или несколько уровней выше в иерархии страниц сайта.

Состоит  из  ссылок,  разделенных  элементом  ">",  и названия текущей

страницы.  Ссылки  имеют  три  визуальных  состояния:  normal, active,

hover.  Первым  элементом  в цепочке всегда является главная страница,

последним - текущая страница (не является ссылкой).

     Схема 7 - Навигационная цепочка:

     Схема 7 в формате MS-WORD приводятся в виде отдельного файла

     5.28.   Блок  основного  контента  (блок  B.E)  занимает  двойную

колонку.  В  зависимости от задачи страницы содержит различный контент

(группа шаблонов F).

     5.29.  Блок  навигации  второго  и последующих уровней (блок B.F)

занимает  одну  колонку.  Содержит  ссылки  на  подразделы  второго  и

последующих  уровней.  Каждая  ссылка  имеет три визуальных состояния:

normal,  hover, active. Допускается перенос наименования подраздела на

вторую  строку.  Блок  отображается  только  в  том  случае, если есть

подразделы второго уровня в просматриваемом пользователем разделе.

     5.30.  Блок  внешних ссылок быстрого доступа (блок B.G) идентичен

блоку  A.H.,  блок с контактной информацией (блок B.H) идентичен блоку

A.I,   блок   дополнительной   навигации  первого  уровня  (блок  B.I)

идентичен  блоку  A.J,  блок  правовой информации (блок B.J) идентичен

блоку A.K.

     5.31.  Главная  страница  сайта, версия для людей с ограниченными

возможностями  (шаблон  C)  состоит  из описанных ниже блоков C.A-C.H.

Опциональные  блоки  могут  отсутствовать  на странице. Не допускается

изменение  последовательности или назначения блоков. Шаблон отличается

от   обычной  версии  контрастными  цветовыми  схемами  и  увеличенным

размером шрифта. Все изображения монохромны.

     Схема   8   -   Главная   страница  сайта,  версия  для  людей  с

ограниченными возможностями:

     Схема 8 в формате MS-WORD приводятся в виде отдельного файла

     5.32.  Вспомогательный  блок  (блок C.A) в дополнение к элементам

блока  A.A  содержит  элементы  переключения размера текста на сайте и

переключения негативной и позитивной цветовых схем.

     5.33.  Идентификационный  блок  (блок C.B) аналогичен блоку A.B.,

блок  основной  навигации  первого  уровня (блок C.C) аналогичен блоку

A.C.

     5.34.  Новостной  блок (блок C.D) занимает тройную колонку. Анонс

новости  занимает тройную колонку. Анонс новости не содержит визуал. В

остальном блок аналогичен блоку A.E.

     5.35.  Блок  с  опросом  (блок  C.E)  занимает тройную колонку. В

остальном аналогичен блоку A.G.

     5.36.  Блок  с контактной информацией (блок C.F) аналогичен блоку

A.I.,   блок   дополнительной  навигации  первого  уровня  (блок  C.G)

аналогичен  блоку  A.J, блок правовой информации (блок C.H) аналогичен

блоку A.K.

     5.37.   Внутренняя   страница   сайта,   версия   для   людей   с

ограниченными  возможностями  (шаблон  D)  состоит  из  описанных ниже

блоков  D.A-D.I.  Опциональные  блоки могут отсутствовать на странице.

Не  допускается  изменение  последовательности  или назначения блоков.

Шаблон  отличается  от обычной версии контрастными цветовыми схемами и

увеличенным размером шрифта. Все изображения монохромны.

     Схема   9  -  Внутренняя  страница  сайта,  версия  для  людей  с

ограниченными возможностями:

     Схема 9 в формате MS-WORD приводятся в виде отдельного файла

     5.38.  Вспомогательный  блок  (блок  D.A)  идентичен  блоку C.A.,

идентификационный  блок (блок D.B) идентичен блоку C.B., блок основной

навигации первого уровня (блок D.C) идентичен блоку C.C.

     5.39.  Навигационная цепочка (блок D.D) занимает тройную колонку,

в остальном аналогична блоку B.D.

     5.40.   Блок  основного  контента  (блок  D.E)  занимает  тройную

колонку. В зависимости от задачи страницы содержит различный контент.

     5.41.  Блок  навигации  второго  и последующих уровней (блок D.F)

занимает тройную колонку, в остальном аналогичен блоку B.F.

     5.42.  Блок  с  контактной информацией (блок D.G) идентичен блоку

C.F.,   блок   дополнительной  навигации  первого  уровня  (блок  D.H)

идентичен  блоку  C.G,  блок  правовой информации (блок D.I) идентичен

блоку C.H.

     5.43.  Служебная  страница  (группа  шаблонов  E)  отличается  от

шаблонов  группы  B  отсутствием  блоков  B.F  и  B.G и трехколоночным

расположением блока основного контента.

     Схема 10 - Служебная страница:

     Схема 10 в формате MS-WORD приводятся в виде отдельного файла

     5.44.  Страница  результатов  поиска  (блок E.A) занимает тройную

колонку.   Содержит  результаты  поиска  со  ссылками  на  релевантные

поисковому  запросу  страницы.  Страница  содержит десять результатов,

остальные  результаты  доступны  при  помощи  постраничной  навигации.

Результаты поиска пронумерованы, каждый поисковый результат содержит:

     5.44.1. номер;

     5.44.2.  заголовок  страницы, является ссылкой на страницу. Имеет

два состояния: normal, hover;

     5.44.3. часть текста страницы, содержащего искомый запрос;

     5.44.4. дату изменения страницы.

     Схема 11 - Результаты поиска:

     Схема 11 в формате MS-WORD приводятся в виде отдельного файла

     5.45.  Карта  сайта (блок E.B) занимает тройную колонку. Содержит

перечисление  всех  разделов  и  подразделов сайта со ссылками на них.

Ссылки имеют три визуальных состояния: normal, hover, active.

     5.46.  Блоки  основного  контента  (группа  шаблонов  F) занимают

двойную  колонку.  Содержат  основной контент сайта. Могут применяться

на  разных  страницах  при  условии  удовлетворения параметров шаблона

требованиям   к  отображению  необходимой  информации.  Каждый  шаблон

содержит заголовок.

     5.47.  Анонсы новостей (шаблон F.A). Содержит элемент управления,

позволяющий  фильтровать  новости  по  году  и  месяцу,  одна страница

содержит  не  более  десяти  анонсов,  последующие анонсы доступны при

помощи постраничной навигации. В остальном шаблон аналогичен A.E.

     5.48.  Подробный  текст  новости  (шаблон  F.B).  Содержит полный

текст  новости  и  превью  мультимедийных материалов (при их наличии).

Нажатие   на   превью   приводит   к   просмотру   увеличенной   копии

мультимедийного  контента.  Ниже  текста  имеется  ссылка "Вернуться к

списку  новостей",  нажатие  на  которую  возвращает  пользователя  на

страницу  с  анонсами новостей. Текст новости может содержать таблицы,

диаграммы, графики, изображения, ссылки на источники.

     Схема 12 - Подробный текст новости:

     Схема 12 в формате MS-WORD приводятся в виде отдельного файла

     5.49.   Перечень   документов   (шаблон   F.C)   применяется  для

отображения документов. Содержит следующие элементы:

     5.49.1. заголовок;

     5.49.2. поясняющий текст (опционально);

     5.49.3. фильтр по типу документа (опционально);

     5.49.4. фильтр по дате публикации (опционально);

     5.49.5. заголовок группы документов (опционально);

     5.49.6. блоки документов.

     5.50.  Блок  документа занимает одну колонку, блоки располагаются

в  двух  соседних  колонках  друг  под другом. Блок документа обрамлен

пунктирной  рамкой.  На  одной  странице располагается не более десяти

документов.   Если   количество   превышает   десять   -   применяется

постраничная навигация. Блок документа содержит:

     5.50.1. наименование документа;

     5.50.2. формат файла;

     5.50.3. размер файла;

     5.50.4. дату публикации;

     5.50.5. дату изменения;

     5.50.6. ссылку "Посмотреть" (предполагает просмотр в браузере);

     5.50.7.   ссылку   "Скачать"   (предполагает   скачивание   файла

документа пользователем).

     Схема 13 - Перечень документов:

     Схема 13 в формате MS-WORD приводятся в виде отдельного файла

     5.51.   Структура   (шаблон  F.D).  Содержит  структурную  схему,

отражающую  иерархию.  Корневой  элемент  схемы  содержит  расширенное

описание:  фотографию,  фамилию, имя, отчество, должность. Нижестоящие

элементы   могут  содержать  только  название.  Если  для  какого-либо

элемента  схемы  существует  отдельная  страница,  то подпись является

ссылкой.

     Схема 14 - Структура:

     Схема 14 в формате MS-WORD приводятся в виде отдельного файла

     5.52.   Руководство   (шаблон   F.E).   Содержит  список  краткой

информации  о руководстве. При необходимости можно объединять записи в

группы  и  подгруппы  в  соответствии со структурными подразделениями.

Каждая  запись содержит фотографию, фамилию, имя, отчество, должность,

телефон.  Если  фотография  отсутствует,  нужно использовать шаблонное

изображение.  Если  у  должностного  лица есть личная карточка (шаблон

F.F),  то  фамилия,  имя,  отчество  являются  ссылкой для перехода на

личную карточку.

     Схема 15 - Руководство:

     Схема 15 в формате MS-WORD приводятся в виде отдельного файла

     5.53.  Личная  карточка  (шаблон  F.F).  Содержит  биографические

данные,   фотографию   и   контактные   данные.  В  случае  отсутствия

фотографии необходимо использовать шаблонное изображение.

     Схема 16 - Личная карточка:

     Схема 16 в формате MS-WORD приводятся в виде отдельного файла

     5.54.  Телефонный справочник (шаблон F.G). Позволяет осуществлять

фильтрацию    справочника   по   структурному   подразделению   (и)или

должности.  При  необходимости  можно  объединять  записи  в  группы и

подгруппы  в  соответствии  со  структурными  подразделениями.  Каждая

запись  содержит  фамилию,  имя,  отчество, должность, телефон. Если у

персоналии  есть  личная  карточка  (шаблон  F.F),  то  фамилия,  имя,

отчество являются ссылкой для перехода на личную карточку.

     Схема 17 - Телефонный справочник:

     Схема 17 в формате MS-WORD приводятся в виде отдельного файла

     5.55.   Схема   проезда   (шаблон   F.H).   Содержит  карточку  с

информацией  о  проезде общественным транспортом и интерактивную карту

с отметкой о нахождении адреса государственного органа.

     Схема 18 - Схема проезда:

     Схема 18 в формате MS-WORD приводятся в виде отдельного файла

     5.56.  Статья  (шаблон  F.I).  Содержит разнообразный контент, не

подходящий  под  условия отображения шаблонов F.A-F.H. Может содержать

форматированный   текст,   графики,   изображения,  видео,  ссылки  на

источники, таблицы."