Про внесення змін до деяких постанов Кабінету Міністрів України щодо функціонування офіційних веб-сайтів органів виконавчої влади
Кабінет Міністрів України постановляє:
Внести до постанов Кабінету Міністрів України зміни, що додаються.
ЗМІНИ,
що вносяться до постанов Кабінету Міністрів України
1. У постанові Кабінету Міністрів України від 4 січня 2002 р. № 3 “Про Порядок оприлюднення у мережі Інтернет інформації про діяльність органів виконавчої влади” (Офіційний вісник України, 2002 р., № 2, ст. 57; 2010 р., № 67, ст. 2422; 2011 р., № 99, ст. 3629; 2013 р., № 80, ст. 2978):
пункт 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-колонкову адаптивну сітку.
11. Відступи між елементами інтерфейсу повинні бути кратними 5 пікселям. Відступ вмісту від меж екрану - не менше 15 пікселів для мобільного екрану та 30 пікселів для монітору.
12. Кольори офіційного веб-сайту повинні бути контрастними та використовуватися в комбінації з формою та текстом. Колір не повинен бути єдиним візуальним засобом передачі інформації, що вказує на дію або вирізняє елемент серед інших.
Основними кольорами повинні бути кольори відповідно до підпункту 5 пункту 7 цих вимог.
Не допускається використання схожих та яскравих кольорів.
13. Під час використання світлих відтінків кольорів непрозорість повинна становити 75 та/або 50 відсотків.
14. Веб-сторінки офіційного веб-сайту повинні бути адаптованими для перегляду без прив’язки до кольору.
Зображення, аудіо- та відеовміст
15. Графічний вміст, який є частиною оформлення, форматування або невидимий для користувачів, повинен містити атрибут alt з порожнім значенням.
16. Графічні елементи керування (піктограми, іконки, фотографії та ілюстрації) повинні дублюватися текстовими елементами та містити атрибут alt, який повинен описувати функціонал елементу керування.
Піктограми, іконки, інші графічні елементи та аудіоматеріали, які використовуються на офіційному веб-сайті, повинні розповсюджуватися відповідно до вимог законодавства з питань інтелектуальної власності та бути зрозумілими і простими. Рекомендовано віддавати перевагу векторній графіці.
На головній веб-сторінці офіційних веб-сайтів не допускається одночасне використання великої кількості зображень, призначення яких полягає в оформленні веб-сторінки та/або містять великі обсяги тексту. Рекомендовано надавати перевагу структурованим текстовим даним та умовним малюнкам із зображенням дій, явищ, предметів.
17. Зображення повинно містити підпис, що розміщується безпосередньо під ним.
18. Аудіо- та відеоматеріали повинні супроводжуватися текстом, еквівалентним інформації, що містить аудіо- та відеозапис. Інформація, розміщена в рухомій стрічці, графічні та мультимедійні матеріали повинні дублюватися за допомогою звичайного тексту.
19. Фотографії керівництва, співробітників тощо повинні відповідати таким вимогам:
фото повинне мати нейтральне світле тло та чітке зображення;
крупний план обличчя та плечей;
уникання ефектів червоних очей, відблиску окулярів, засвітлення чи затемнення.
Не рекомендується віддзеркалювати фото.
20. Документи, що розміщуються на офіційному веб-сайті, рекомендовано публікувати у форматі тексту безпосередньо на веб-сторінці та у разі потреби доповнювати файлами із зазначенням їх формату та розміру.
21. У разі відсутності інформації в текстовому форматі, яка опублікована безпосередньо на веб-сторінці, доданий файл повинен мати короткий текстовий опис та дані про його формат та розмір.
22. Нормативно-правові акти та проекти нормативно-правових актів розміщуються на офіційному веб-сайті у текстовому форматі на веб-сторінці, до якого у разі потреби може бути долучено файли інших форматів.
23. Текст повинен бути простим і коротким. Текст необхідно розбивати на розділи із заголовками, абзацами, уникати довгих речень, складних слів і фраз, спеціальних термінів, а також не загальновживаних абревіатур. Рекомендована довжина речення повинна містити сім - дванадцять слів.
24. Коефіцієнт контрастності основного тексту становить не менше 4,5:1 відносно фону.
25. Не допускається використання малих кеглів та декоративних шрифтів.
26. Списки повинні створюватися за допомогою HTML-коду.
Відступи між елементами списку повинні бути більшими у 1,2 раза, ніж розмір шрифта.
27. Рекомендовано уникати вкладеності більше третього рівня для списків.
28. Області натискання вказівним пристроєм вводу маніпулятором “миша” повинні бути достатнього розміру як на моніторі, так і на мобільних пристроях.
Рекомендується використовувати області натискання вказівним пристроєм вводу маніпулятором “миша” розміром не менш як 10 х 10 міліметрів. Між областями натискання маніпулятором “миша” рекомендується передбачати як мінімум 10 міліметрів.
29. Форми введення інформації повинні бути простими та запитувати тільки необхідну інформацію.
Поля вводу інформації повинні бути підписаними, мати короткі, інформативні та однозначні назви, які розташовуються над полем. Поля вводу інформації рекомендовано вирівнювати одне під одним, по одному в рядок, ширина поля повинна відповідати вмісту, який вводиться.
Для введення прізвища, імені та по батькові рекомендовано використовувати одне поле введення.
Для введення дати народження (день, місяць, рік) необхідно використовувати відповідно три окремих поля введення. Для вибору точної дати або проміжку дат необхідно використовувати інтегрований календар.
30. Під час введення інформації користувачам необхідно надавати помітні та зрозумілі підписи та/або інструкції.
31. Помилки введення повинні виявлятися автоматично, і якщо відомо, як їх виправити, то користувачеві повинні надаватися підказки щодо їх виправлення.
32. У разі підтвердження дії, що призводить до зміни чи припинення прав та/або обов’язків, здійснення фінансових транзакцій, зміни або стирання користувацьких даних, відправлення результатів тестування, необхідно передбачити принаймні одну з таких можливостей:
1) скасування (відправлені дані можна повернути);
2) перевірка (дані, введені користувачем, перевіряються на наявність помилок і користувач може їх виправити);
3) підтвердження (передбачено перевірку, підтвердження та виправлення інформації перед відправленням даних).
33. Необхідно забезпечити можливість керування інтерфейсом та вмістом виключно за допомогою клавіатури з підтримкою “поєднання клавіш”.
34. Для навігації офіційним веб-сайтом за допомогою клавіатури необхідно забезпечити:
помітне маркування фокусу для обраного посилання;
можливість переходу фокусу між посиланнями за допомогою клавіші Tab;
можливість перейти за посиланням, натиснувши клавішу Enter.
35. Не допускається застосування часових обмежень щодо виконання функцій навігації та/або інтерактивної взаємодії користувача з офіційним веб-сайтом.
У разі автоматичного програвання аудіозапису на веб-сторінці тривалістю понад 3 секунди повинен бути передбачений механізм паузи/зупинки програвання та/або управління гучністю звуку.
Для всіх динамічних графічних елементів (зображень, що рухаються, міняють колір, яскравість або циклічно змінюються) необхідно передбачити паузу, зупинку та відновлення. Не допускається наявність елементів, що спалахують більш як 3 рази в секунду.
Для людей із світлочутливою епілепсією або підвищеною світлочутливістю необхідно передбачити наявність текстового опису динамічних графічних елементів.
36. Компоненти офіційного веб-сайту повинні мати зрозумілі назви, навігаційні елементи, які повторюються на багатьох веб-сторінках та однаково розташовуються, а компоненти з однаковою функціональністю - мати однакові назви та однаковий дизайн.
Рекомендовано передбачити більше одного способу дістатися необхідної веб-сторінки.
37. Посилання повинно відрізнятися від суцільного тексту кольором та підкресленням і мати зрозумілу назву, що описує зміст веб-сторінки чи документа, на який веде посилання.
Використання url-адреси замість назви посилання дозволяється за умови наявності її текстового опису.
Посилання на внутрішні розділи офіційного веб-сайту повинні відкриватися у тому ж вікні, а посилання на зовнішні ресурси - у новому вікні.
Посилання на зовнішні ресурси повинні позначатися піктограмою або іншим зрозумілим користувачу способом.
Колір відвіданих посилань повинен відрізнятися від невідвіданих.
Право інтелектуальної власності на вміст
38. Офіційний веб-сайт повинен містити інформацію про права інтелектуальної власності, яка:
розташована внизу на кожній сторінці із вмістом та помітна;
стверджує, що матеріали на офіційному веб-сайті є об’єктами права інтелектуальної власності, яке захищається відповідно до законодавства;
описує умови, за дотримання яких конкретний матеріал може бути використаний іншими особами.
39. Вміст офіційного веб-сайту повинен розповсюджуватися вільно за умови зазначення авторства.
Рекомендовано визначати порядок розповсюдження вмісту офіційного веб-сайту згідно з умовами публічної ліцензії Creative Commons Attribution 4.0 International license.
Адаптивність, коректність відображення офіційного веб-сайту на різних пристроях
40. Необхідно забезпечити максимальну сумісність вмісту з користувацькими додатками за допомогою HTML-коду, який відповідає стандартам та нормам Консорціуму Всесвітньої павутини (World Wide Web Consortium), для розмітки вмісту.
41. Користувачі повинні мати повнофункціональний доступ до необхідної інформації та функцій веб-порталу з використанням спеціалізованого апаратного та програмного забезпечення, в тому числі призначеного для користувачів з порушеннями зору, слуху, опорно-рухового апарату, мовлення та інтелектуального розвитку, а також з різними комбінаціями порушень та з використанням мобільних пристроїв.
42. Під час створення та модернізації офіційного веб-сайту необхідно застосовувати адаптивний дизайн та верстку.
Під адаптивним дизайном та версткою розуміється реалізація оптимального відображення інформації та взаємодії користувача з офіційним веб-сайтом незалежно від роздільної здатності та формату пристрою, з якого здійснюється перегляд веб-сторінки.
Оптимізація для пошукових систем та соціальних мереж
43. На кожній сторінці із вмістом повинен розміщуватися блок з кнопками для розповсюдження матеріалу в соціальних мережах.
44. Вміст сторінок повинно бути оптимізовано для контекстного пошуку за допомогою пошукових механізмів.
45. Для індексації текст повинен бути структурований за допомогою заголовків, підзаголовків, назви повинні чітко відповідати тексту, бути логічно повноцінними і короткими.
46. Необхідно використовувати ключові слова у метаданих, заголовках та посиланнях для підвищення пріоритету в пошукових системах.
47. Опис веб-сторінки повинен стисло описувати її зміст, бути унікальним та мати орієнтовну довжину не більше 150 друкованих символів.
48. До опису (альт-тексту) зображення необхідно додавати ключове слово.”.
2. У постанові Кабінету Міністрів України від 29 серпня 2002 р. № 1302 “Про заходи щодо подальшого забезпечення відкритості у діяльності органів виконавчої влади” (Офіційний вісник України, 2002 р., № 36, ст. 1700; 2010 р., № 67, ст. 2422; 2011 р., № 61, ст. 2447; 2013 р., № 80, ст. 2978):
абзац перший викласти в такій редакції:
“2. Порядок інформаційного наповнення та технічного забезпечення Єдиного веб-порталу органів виконавчої влади затверджується Державним комітетом телебачення і радіомовлення разом з Державним агентством з питань електронного урядування.”;
4) у пункті 5 слова “Державному комітетові телебачення і радіомовлення” замінити словами “Державному агентству з питань електронного урядування”;
5) пункт 7 викласти в такій редакції:
“7. Міністерствам, іншим центральним органам виконавчої влади, Раді міністрів Автономної Республіки Крим, обласним, Київській та Севастопольській міським державним адміністраціям забезпечити:
функціонування офіційних веб-сайтів (веб-порталів) з дотриманням вимог Порядку оприлюднення у мережі Інтернет інформації про діяльність органів виконавчої влади, затвердженого постановою Кабінету Міністрів України від 4 січня 2002 р. № 3 (Офіційний вісник України, 2002 р., № 2, ст. 57);
обов’язкове розміщення на офіційних веб-сайтах (веб-порталах) інформації, вимоги до якої визначені законодавством;
оперативне оприлюднення інформації про власну діяльність;
систематичне розміщення на офіційних веб-сайтах (веб-порталах) відкритої статистичної інформації про події в економічній, соціальній, культурній та інших сферах життя, доступ до неопублікованих статистичних даних, які не підпадають під дію обмежень, установлених законодавством;
недопущення обмеження права на отримання відкритої інформації, необґрунтованої відмови в її наданні, а також запровадження плати за надання інформації в розмірах і випадках, не передбачених законодавством;
проведення не рідше ніж один раз на квартал прес-конференцій, у тому числі через Інтернет;
доступність інформації на офіційних веб-сайтах (веб-порталах) для користувачів з порушеннями зору, слуху, опорно-рухового апарату, мовлення та інтелектуального розвитку, а також з різними комбінаціями порушень відповідно до Порядку оприлюднення у мережі Інтернет інформації про діяльність органів виконавчої влади, затвердженого постановою Кабінету Міністрів України від 4 січня 2002 р. № 3 (Офіційний вісник України, 2002 р., № 2, ст. 57).”;
