Кабінет Міністрів України

Внести до постанов Кабінету Міністрів України зміни, що додаються.

1. У постанові Кабінету Міністрів України від 4 січня 2002 р. № 3 "Про Порядок оприлюднення у мережі Інтернет інформації про діяльність органів виконавчої влади" (Офіційний вісник України, 2002 р., № 2, ст. 57; 2010 р., № 67, ст. 2422; 2011 р., № 99, ст. 3629; 2013 р., № 80, ст. 2978):

1) у постанові:

пункт 2 після слів "офіційних веб-сайтах" доповнити словами "(веб-порталах)";

у пункті 3 слова "Міністерству економічного розвитку і торгівлі, Державному агентству з питань науки, інновацій та інформатизації" замінити словами "Державному агентству з питань електронного урядування", а слово "Веб-портал" - словами "Єдиний веб-портал";

пункти 4 і 5викласти в такій редакції:

"4. Визначити відповідальними:

1) Державне агентство з питань електронного урядування за:

координацію діяльності органів виконавчої влади, пов’язаної із створенням та інтеграцією електронних інформаційних систем і ресурсів в Єдиний веб-портал;

розроблення рекомендацій щодо розробки та модернізації офіційних веб-сайтів (веб-порталів) органів виконавчої влади та офіційних веб-ресурсів, що пов’язані з діяльністю органів виконавчої влади (дизайн-система державних сайтів України);

2) Державний комітет телебачення і радіомовлення за проведення моніторингу інформаційного наповнення офіційних веб-сайтів (веб-порталів) органів виконавчої влади. Про результати моніторингу інформувати щороку до 30 червня і 31 грудня Кабінет Міністрів України.

5. Секретаріату Кабінету Міністрів України, міністерствам, іншим центральним органам виконавчої влади, Раді міністрів Автономної Республіки Крим, обласним, Київській та Севастопольській міським державним адміністраціям забезпечити належне інформаційне наповнення та функціонування Єдиного веб-порталу та офіційних веб-сайтів (веб-порталів) і дотримання вимог, визначених цією постановою, під час створення (модернізації) офіційних веб-сайтів (веб-порталів) органів виконавчої влади в межах видатків, передбачених у державному бюджеті для функціонування відповідних органів, Національної програми інформатизації, та інших джерел, не заборонених законодавством.";

2) у Порядку оприлюднення у мережі Інтернет інформації про діяльність органів виконавчої влади, затвердженому зазначеною постановою:

в абзаці третьому пункту 2 слово "створення" замінити словами "функціонування та модернізація";

пункт 7 викласти в такій редакції:

"7. Регламент функціонування офіційного веб-сайту (веб-порталу) визначається керівником органу виконавчої влади відповідно до вимог цього Порядку.

Дизайн офіційного веб-сайту (веб-порталу) та структура розміщення інформації на ньому повинні відповідати вимогам, установленим згідно з додатком.

Керівник органу виконавчої влади визначає осіб, відповідальних за технічне забезпечення і супроводження офіційного веб-сайту (веб-порталу) та його інформаційне наповнення відповідно до вимог законодавства.";

в абзаці шостому підпункту 1 пункту 8 слова "урядових органів державного управління, утворених у його складі," виключити;

у пункті 12 слова ", а також надається можливість добровільної реєстрації відвідувачів для забезпечення ведення статистики відвідувань та підтримки функції зворотного зв’язку" виключити;

пункт 15 виключити;

у пункті 17:

у першому реченні слова "з вадами зору та слуху" замінити словами "з порушеннями зору, слуху, опорно-рухового апарату, мовлення та інтелектуального розвитку, а також з різними комбінаціями порушень";

у другому реченні слово "технічним" виключити;

у тексті Порядку слово "Веб-портал" в усіх відмінках замінити словами "Єдиний веб-портал" у відповідному відмінку, а після слів "офіційний веб-сайт" в усіх відмінках і формах числа доповнити словом "(веб-портал)" у відповідному відмінку і числі;

3) додаток до Порядку викласти в такій редакції:

1. Офіційний веб-сайт (веб-портал) органу виконавчої влади та офіційні веб-ресурси, що пов’язані з діяльністю органу виконавчої влади (далі - офіційний веб-сайт), повинні бути розміщеними в домені GOV.UA та у разі потреби у домені .УКР.

Домен, на якому розміщений офіційний веб-сайт, повинен бути підписаний із застосуванням технології захисту доменних імен DNSSEC.

Обмін інформації з офіційним веб-сайтом та доменне ім’я, на якому розміщений офіційний веб-сайт, повинні бути захищеними за допомогою кваліфікованого сертифіката автентифікації веб-сайту з дотриманням положень статті 21 Закону України "Про електронні довірчі послуги" .

2. Вміст офіційного веб-сайту повинен бути структурованим, логічним, зрозумілим та легким для читання.

3. Дизайн офіційного веб-сайту повинен відповідати цим вимогам (далі - дизайн-код) та враховувати рекомендації щодо розробки та модернізації офіційних веб-сайтів, розроблених Державним агентством з питань електронного урядування.

4. Офіційні веб-сайти повинні бути доступними для користувачів з порушеннями зору, слуху, опорно-рухового апарату, мовлення та інтелектуального розвитку, а також з різними комбінаціями порушень відповідно до ДСТУ ISO/IEC 40500:2015 "Інформаційні технології. Настанова з доступності веб-контенту W3C (WCAG) 2.0" не нижче рівня АА.

5. Терміни, що вживаються у цих вимогах, мають таке значення:

1) адаптивна сітка - сітка, в основу якої покладена розмітка з відносною, а не фіксованою шириною, що дає змогу елементам веб-сторінки змінювати свої розміри, розміщуючись на екрані будь-якої ширини;

2) атрибут alt - мовою розмітки HTML визначає альтернативний текст для зображень, який використовується веб-браузером у разі, коли зображення не відображається;

3) заголовки рівнів від h1 до h4 - мовою розмітки HTML заголовки різного рівня, які вказують на рівень ієрархії (важливість) текстового блоку в структурі сторінки офіційного веб-сайту;

4) кегль - основна розмірна характеристика шрифту, позначається цифрою, визначається відстанню між верхнім і нижнім виносними елементами;

5) колір у форматі HEX (hexadecimal) - мовою розмітки HTML шістнадцятирічне позначення кольору;

6) компонент навігаційного ланцюга - допоміжний механізм навігації, що використовується в інтерфейсі офіційного веб-сайту, призначенням якого є надання користувачеві можливості відстежувати своє місцеперебування в структурі офіційного веб-сайту. На веб-сторінках навігаційні ланцюги відтворюються горизонтально у верхній частині веб-сторінки, нижче будь-яких заголовків або панелей інструментів та показують гіперпосилання на попередні веб-сторінки;

7) маркування фокусу - візуальне відображення виділеного вмісту елементу інтерфейсу;

8) метадані - це набір допустимих структурованих описів, які доступні в явному вигляді і призначення яких - допомогти знайти об’єкт;

9) модульна сітка - сукупність невидимих прямих ліній, вздовж довжини яких розміщені елементи веб-сторінки, що дає змогу забезпечувати візуальний зв’язок між окремими блоками і зберігати єдиний дизайн під час переходу від однієї сторінки офіційного веб-сайту до іншої;

10) піктограма - елемент графічного інтерфейсу, невелике зображення, що репрезентує застосунок, файл, теку, вікно;

11) радіальний градієнт кольору - це перехід від одного кольору до іншого, що виходить з однієї точки (центру градієнта) і рівномірно розподіляється назовні, утворюючи форму кола;

12) типографія офіційного веб-сайту - оформлення текстової інформації, що розміщена на сторінках офіційного веб-сайту (шрифти, параметри набору, способи розміщення на площині та компонування з іншими елементами);

13) фокус - наявність у відповідного елементу інтерфейсу виключної здатності управління вмістом веб-сторінки;

14) шапка офіційного веб-сайту - це верхня частина офіційного веб-сайту, яка, як правило, не змінюється під час перегляду інших сторінок та містить основну інформацію про даний веб-ресурс.

Інші терміни вживаються у значенні, наведеному в Законі України "Про авторське право і суміжні права" та ДСТУ ISO/IEC 40500:2015 "Інформаційні технології. Настанова з доступності веб-контенту W3C (WCAG) 2.0".

6. Офіційний веб-сайт повинен відповідати таким вимогам:

1) шапка офіційного веб-сайту:

для офіційного веб-сайту (веб-порталу) розташовується горизонтально вгорі кожної веб-сторінки офіційного веб-сайту;

для офіційного веб-ресурсу, пов’язаного з діяльністю органу виконавчої влади, дозволяється вертикальне розташування;

повинна бути виконана в синьому кольорі (#2D5CA6 (код кольору вказано у форматі (hexadecimal) з використанням радіального градієнта відтінків цього кольору;

повинна містити:

- графічний елемент інтерфейсу "gov.ua державні сайти України", який містить посилання на офіційні веб-сайти;

- малий Державний Герб України по центру шапки, у разі вертикального розміщення шапки малий Державний Герб України дозволяється розмістити окремо або як частину логотипу;

- назву органу виконавчої влади або назву офіційного веб-сайту нижче малого Державного Герба України по центру шапки;

у разі горизонтального розташування повинна містити горизонтальне меню офіційного веб-сайту (елемент інтерфейсу), що містить не більш як вісім пунктів (гіперпосилань на розділи офіційного веб-сайту), кожен з яких має підпункти, розміщені в три або чотири колонки;

2) всі веб-сторінки офіційного веб-сайту повинні містити компонент навігаційного ланцюга, який горизонтально розміщується під шапкою веб-сторінки і вказує на розміщення активної веб-сторінки в структурі офіційного веб-сайту та містить гіперпосилання на веб-сторінки з верхніх рівнів ієрархії структури офіційного веб-сайту;

3) використовувати системи тегів для розподілу матеріалів за категоріями на офіційному веб-сайті за тематикою з урахуванням сфери повноважень відповідного органу виконавчої влади;

4) використовувати шрифт Proba Pro для тексту веб-сторінок офіційного веб-сайту, а у накресленнях - Regular, SemiBold та Bold;

5) використовувати кольорову палітру, яка включає відтінки синього, сірого та білий кольори, обов’язковими основними кольорами повинні бути:

відтінки синього: #2D5CA6 (посилання, навігація); #234161 (посилання під час наведення);

відтінки сірого: #6D727C (другорядний текст); #C2C5CB (границі, неактивні елементи); #F5F7FA (фон виділених блоків);

білий: #FFFFFF (основний фон веб-сторінки);

чорний: #1D1D1B (кольори основного тексту, заголовків);

жовтий: #FFE358 (кнопки, блоки інформації, що потребують привернення уваги користувача);

фіолетовий: #552C92 (відвідані посилання);

червоний: #FF0000 (сповіщення про помилки).

7. Типографія офіційного веб-сайту повинна відповідати таким вимогам:

1) використовувати заголовки рівнів від h1 до h4 під час формування структури веб-сторінок офіційного веб-сайту, при цьому кожна веб-сторінка повинна містити лише один заголовок рівня h1;

2) шрифт основного тексту - не менш як 16 пікселів;

3) міжрядковий інтервал - у 1,5 раза більший, ніж розмір шрифту;

4) вирівнювання основного тексту - по лівому краю;

5) довжина рядка - не менше 40 та не більше 80 символів;

6) ширина текстового блоку - до 750 пікселів;

7) абзаци повинні відокремлюватися один від одного відступами, вдвічі більшими, ніж розмір шрифту;

8) не допускається одночасне використання в тексті підкреслення, курсиву та заголовних літер.

8. Рекомендована максимальна ширина веб-сторінки становить 1170 пікселів, яка у разі потреби може бути збільшена.

9. Розмір шрифту тексту, за винятком титрів, повинен змінюватися в межах до 200 відсотків без використання допоміжних технологій та втрати інформаційного наповнення або функціональності офіційного веб-сайту.

10. Елементи інтерфейсу розміщуються на сторінці офіційного веб-сайту через серію рядків та колонок з використанням модульної сітки. Рекомендовано використовувати 12-колонкову адаптивну сітку.