Детектор веб-доступності. Результати 1-го етапу

На цій сторінці зібрані всі результати перевірки державних сайтів, які було проведено у рамках першого етапу проекту “Детектор веб-доступності”.

* Увага, матеріал оновлюється!

1. Офіційне інтернет-представництво Президента України

Посилання: http://www.president.gov.ua, http://petition.president.gov.ua

Результат перевірки: 4 бали – більшість розділів сайту доступні (або недоступна інформація, яка не є важливою), інтерфейс зрозумілий, але є недоліки в інтерфейсі, які заважають швидко отримувати інформацію.

Перелік знайдених проблем та рекомендації щодо їх усунення:

1. У шапці посилання на профілі у соц.мережах (а також кнопки “поділитись у соц.мережах” на сторінках), не мають текстового підпису.
Приклад: <a href=”https://twitter.com/poroshenko” target=”_blank”><i class=”fa fa-twitter”></i></a> Оскільки текстова позначка може зіпсувати зовнішній вигляд іконок, рекомендую додати role=”button” та aria-label=””.
Приклад, як повинно бути: <a href=”https://twitter.com/poroshenko” target=”_blank” role=”button” aria-label=”Читати у Twitter”><i class=”fa fa-twitter”></i></a>

2. Кнопка пошуку не має текстового підпису.
Зараз:
<button class=”round_btn” type=”submit”><i class=”fa fa-search”></i></button>
Потрібно додати параметр aria-label:
<button aria-label=”Пошук” class=”round_btn” type=”submit”><i class=”fa fa-search”></i></button>

3. Головне меню (НОВИНИ, ФОТО, ВІДЕО, ДОКУМЕНТИ, ПРЕЗИДЕНТ, АДМІНІСТРАЦІЯ, ПРЕС-ЦЕНТР, БІЛЬШЕ) має підменю, які розгорнути не можливо.
Необхідно додати можливість управління меню з клавіатури. Для цього треба додати відповідні Aria ролі: https://www.w3.org/TR/wai-aria-practices-1.1/#menu
Приклад: https://www.w3.org/TR/wai-aria-practices-1.1/examples/menubar/menubar-1/menubar-1.html

4. Додати текстовий підпис до кнопки (посилання) для розгортання / згортання мобільного меню.
Приклад (не впевниний, що саме цей елемент також відповідає за розгортання):
Зараз: <a onclick=”MobileMenu.close();” class=” close_mobile_menu” href=”javascript:;”><span class=”circle white”><i class=”fa fa-times”></i></span></a>
Зробити: <a role=”button” aria-label=”Меню” onclick=”MobileMenu.close();” class=”close_mobile_menu” href=”javascript:;”><span class=”circle white”><i class=”fa fa-times”></i></span></a>

5. Прибрати графічну CAPTCHA у формах реєстрації та запиту інформації. Для захисту від автоматичної реєстрації існує перевірка ПІП через BankID або номер платника податків.

6. На всіх сторінках вказано, що мова – англійська(<html lang=”en”>). Деякі скрінрідери реагують на цей параметр і вмикають англомовний синтезатор. Потрібно вказувати у цьому параметрі обрану мову. Або залишити параметр порожнім.

Остання перевірка 23.05.2017

1. Виправлено.
2. Виправлено..
3. Не виправлено. Меню не можливо розгорнути з клавіатури. Але у кожному розділі є посилання на підрозділи, то му це не критичний недолік.
4. Виправлено.
5. Не виправлено. На сторінці реєстрації для подання петицій присутня CAPTCHA.
6. Виправлено.

Висновок: більшість проблем вирішено, але найбільш критична – CAPTCHA на сторінці реєстрації – залишається. Тому сайт не можна вважати повністю доступним.

Оцінка 4.5 балів.


2. Верховна рада України

Посилання: http://www.rada.gov.ua/

Сайт доступний на 4 з 5 балів.

Основні проблеми:

1. CAPTCHA на сторінці реєстрації – https://itd.rada.gov.ua/services/Account/Confirm Рекомендую зовсім відмовитись від CAPTCHA.

2. Заголовки (тег <title></title>) багатьох сторінок збігаються.
Приклад: Всі ці сторінки мають один і той самий заголовок:
http://rada.gov.ua/news/Novyny/139768.html
http://iportal.rada.gov.ua/video/
http://w1.c1.rada.gov.ua/pls/site2/p_aparat
Будь-яке із посилань при публікації у СМ буде мати заголовок “Офіційний портал Верховної Ради України”. Те ж саме почують користувачі скрінрідеров. Це заважає користувачам скрінрідерів зрозуміти, яку саме сторінку вони відкрили, а також шкодить SEO (просування сайту у пошукових системах).
Правильний заголовок (<title></title) повинин мати такий вигляд: “Заголовок сторінки – назва сайту”.

3. Відсутність текстового підпису (alt) у банерів, що ведуть на інші портали.

Остання перевірка 23.05.2017

1. Не виправлено. CAPTCHA на сторінці реєстрації залишається.
2. Виправлено.
3. Виправлено.

Висновок: більшість недоліків було виправлено. Але найбільш кретичний недолік – CAPTCHA – залишився. Тому сайт не можна вважати повністю доступним.

Оцінка: 4.5 балів.


3. Урядовий портал

Посилання: http://www.kmu.gov.ua/

Оцінка: 3 бали.

Рекомендації:

1. Додати текстовий підпис (alt) до конок меню, до банерів, що ведуть на інші сайти.
2. Додати текстовий підпис до елементів слайдеру (клас – st_slide_container).
3. Позначити заголовки блоків на головній сторінці (“Рішення Уряду”, “Відеоновини”, “Фотогалерея”, “Анонси” та всі інші) тегом заголовку h2 або h3.
4. На сторінках матеріалів (приклад: http://www.kmu.gov.ua/control/uk/publish/article?art_id=249688529cat_id=244276429 ) заголовок статті позначити тегом h1.

* В цілому, сайт дуже застарілий і не відповідає сучасним вимогам. Також сайт не адаптован під мобільні – https://search.google.com/search-console/mobile-friendly?utm_source=mft&utm_medium=redirectutm_campaign=mft-redirecthl=RUid=dosHwDd0tbqX-Q5V5oFnIQ

Остання перевірка 23.05.2017

Зміни на сайті відсутні.

Оцінка: 3 бали.


4. Конституційний Суд України

Посилання: http://ccu.gov.ua

Загальна оцінка: 4.5 з 5 балів.

Оцінку можна поставити авансом, оскільки сайт знаходиться у стані розробки, про що говорить цей напис: “Сайт працює в тестовому режимі. Матеріали в повному обсязі знаходяться на попередній версії сайту”. З того, що вже зроблено, помітно, що розробники звертають увагу на потреби людей із порушеннями зору: на сайті прописані спеціальні параметри wai-aria (завдяки їм зокрема вкладки у блоках “Новини” та інших цілком доступні), є також кнопка “Версія для людей з вадами зору”, яка відкриває меню для зміни кольорів.

Необхідно доробити:
1. Зробити повністю доступним головне меню (прописати ролі та параметри WAI ARIA). Приклад доступного меню – https://www.w3.org/TR/wai-aria-practices-1.1/examples/menubar/menubar-1/menubar-1.html
2. Зробити кнопку “Версія для людей з вадами зору” доступною з клавіатури. Додати зрозумілий опис кнопок цього меню (параметр aria-label).
3. Доробити функцію зміни кольорів, бо зараз, коли натискаєш BW, частина інформацїї всеодно залишається кольоровою, а на чорному фоні її розгледіти важко.
4. Додати текстовий опис до мініатюр блока новин (достатньо дублювати заголовок статті у параметрі alt).

Остання перевірка 24.05.2017

Зміни відсутні.


5. Сайт Міністерства аграрної політики та продовольства України

Посилання: http://www.minagro.gov.ua

Загальна оцінка: 3 бали.

Сайт простий – список зауважен короткий, але є дуже багато непідписаних елементів. Також відсутня мобільна версія – https://search.google.com/search-console/mobile-friendly?utm_source=mft&utm_medium=redirectutm_campaign=mft-redirecthl=ruid=ef6Jac2XPFPy58P307XWRw

Поради:
1. Додати текстовий підпис до кнопок соц.мереж.
2. Додати текстовий підпис (alt) до банерів на головній сторінці.
3. Додати текстовий підпис (alt) до мініатюр новин.
4. Додати мобільну версію сайту.

Остання перевірка 25.05.2017

1. Виконано.
2. Виконано.
3. Не виконано.
4. Не виконано.

Оцінка: 4.5 балів.


6. Сайт Міністерства освіти і науки України

Посилання: http://mon.gov.ua/

Загальна оцінка: 4.5 з 5 балів. Сайт доступний, але має декілька проблем із навігацією.

Поради:
1. Зробити доступним головне меню: додати можливість керування з клавіатури.
2. У блоці “Діяльність міністерства” пункти “Школярам”, “Батькам”, “Студентам” мають підпункти, але про це не можливо дізнатись. Необхідно додати у заголовок
h4 елемент, на якому можна сфокусуватися (тег a або button).

Остання перевірка 06.06.2017

Без змін.

Оцінка 4.5 бали.


7. Сайт МВС

Посилання: http://mvs.gov.ua

Загальна оцінка: 2 бали.

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

Рекомендації:
1. Зробити доступним головне меню: додати можливість сфокусуватись з клавіатури, використовуючи теги <a href=””></a>, <button.
2. Додати текстовий підпис до кнопок соц.мереж.
3. Додати можливість сфокусуватись з клавіатури кна кнопках “Пошук” та “Телефони”. Для цього потрібно використовувати правильний синтаксис (тег <a href=””></a>
або <button>).
4. . Заголовки “Головне”, “Новини”, “Корисні посилання” обгорнути тегом h3 або h4.
5. Заповнити текстовий опис (тег alt) для банерів у блоці “Корисні посилання”.

Остання перевірка 06.06.2017

1. Без змін.
2. Виконано.
3. Виконано.
4. Виконано.
5. Виконано.

Крім того на сайті з’явилась можливість прослухати аудіоновини, але, на жаль, на момент перевірки функція не працює.

Сайт помітно став краще. Проте повністю недоступне головне меню не дозволяє поставити сайту найвищу оцінку.

Оцінка: 4 бали.


8. Сайт Міністерства екології та природних ресурсів України

Посилання: http://www.menr.gov.ua/

Оцінка: 3,5 балів. Сайт має меню, яке не можливо розгорнути з клавіатури, а також декілька банерів без текстового підпису.

Рекомендації:
1. Зробити розгортання головного меню доступним з клавіатури.
2. Додати текстовий підпис до кнопки пошуку.
3. Додати текстовій підпис до всіх банерів, у яких він відсутній.

Остання перевірка 06.06.2017

Без змін.

Оцінка: 3.5 балів.


9. Сайт Міністерства юстиції України

Посилання: https://minjust.gov.ua

Оцінка: 3.5 із 5 балів (авансом), оскільки сайт працює у тестовому режимі і частина посилань ведуть на стару версію.

З одного боку, на сайті можна побачити спроби зробити сайт доступним, оскільки головне меню має спеціальну розмітку ARIA. З іншого – на сайті присутні помилки у HTML-синтаксисі. Тому можна припустити, що меню – це шаблонний доступний скрипт і розробники сайту просто використали його у незмінному вигляді.

Рекомендації:
1. Необхідно додати текстові позначки для посилань на соц.мережі.
Наприклад, зараз: <a target=”_blank” href=”https://twitter.com/minjust_gov_ua” class=”social-icon icon-tw”></a>
Повинно бути: <a target=”_blank” href=”https://twitter.com/minjust_gov_ua” class=”social-icon icon-tw”>Twitter</a> Аналогічно зробити для інших посилань, що зараз без анкору.
2. Прописати коректно посилання на зміну мови сайту.
Зараз там є помилки: <a href=”/en” style=”color: #fff; font-size: 12px;”>In English</div> Тобто маємо незакритий тег <a>.
3. Заголовки, наприклад, “НОВИНИ” позначити тегом h3, або h4.
4. У блоці новин до мініатюр (Thumbs) додати текстовий опис або порожній параметр alt.
5. Додати текстовий підпис до банерів у блоці з класом “col-xs-5”.
6. Зробити доступним слайдер новин (top-news-carousel). Зараз доступні тільки кнопки (Previous, Next).

Остання перевірка 06.06.2017

На момент перевірки сайт повністю оновлено. Вирішено більшість проблем. Але залишилися дрібниці, наприклад, не розгортається з клавіатури перший пункт меню “Про міністерство” та відсутній підпис у кнопки пошуку.

Оцінка: 4.9 бали.


10. Сайт Генпрокуратури

Посилання:http://www.gp.gov.ua

Оцінка: 4 бали.

Якщо оцінювати якість сайту за загальними показниками, то її можна назвати дуже низькою. Але всуперечь цьому сайт не має великих проблем із доступністю: головне меню доступне з клавіатури, прописані заголовки. Але є декілька зауважень щодо доступності та багато – щодо синтаксису.

Рекомендації:
1. Виправити численні помилки HTML
2. Додати текстовий підпис до кнопок соц.мереж на головній та на сторінках матеріалів.
3. Слайдер новин. Підписати кнопки.
4. Банери. Додати текстовий підпис.

Остання перевірка 06.06.2017

Без змін.

Оцінка: 4 бали.


11. Сайт Міністерства культури України

Посилання: http://mincult.kmu.gov.ua/

Оцінка 4 бали.

Рекомендації:
1. Слайдер новин. Підписати вкладки.
2. Заголовки “Новини”, “Відео”, “Фотогалерея” мають рівень 1 (h1). Потрібно зробити рівень 2 або 3, оскільки на сторінці може бути тільки один заголовок першого рівня.
3. На сторінках матеріалу – http://mincult.kmu.gov.ua/control/uk/publish/article?art_id=245199067cat_id=244913751 головний заголовок зробити заголовком першого рівня (h1).
4. Додати зрозумілий підпис до кнопки Facebook.

Остання перевірка 07.06.2017

Без змін.

Оцінка: 4 бали.


12. Сайт Міністерства соціальної політики України

Посилання: http://www.msp.gov.ua/

Оцінка: 4.5 із 5 балів.

Сайт сучасний, якісний. На сайті є реалізована функція налаштування розміру тексту. Але при цьому є декілька недоліків, які негативно впливають на доступність (а також на SEO).

Рекомендації:
1. Зробити унікальними Мета-теги <title>. Зараз мета-тег сторінки будь-якої новини (приклад: http://www.msp.gov.ua/news/12503.html) збігається з мета-тегом головної сторінки.
2. Статті, які мають лише графічний контент, повини мати текстовий опис. Приклад статті: http://www.msp.gov.ua/news/12510.html
3. Додати текстовий опис (параметр aria-label) для посилань (<a>) та кнопок (<button>), які замість тексту містять іконки. Далі перелічені класи іконок: fa fa-search, fa fa-home, fa fa-eye.

Остання перевірка 07.06.2017

Без змін.

Оцінка: 4.5 бали.


13. Сайт Міністерства закордонних справ України

Посилання: http://mfa.gov.ua

Оцінка: 3 бали.

Головне меню сайту не доступне з клавіатури, тому люди з порушенням зору не зможуть повноцінно користуватись сайтом.

Рекомендації:
1. Зробити головне меню доступним з клавіатури.
2. Додати текстовий підпис до банерів? що посилаються на інші держ.сайти.

Остання перевірка 07.06.2017

1. Не виконано.
2. Частково виконано.

Оцінка: 3.5 бали.


14. Мiнiстерство молоді та спорту України

Посилання: http://dsmsu.gov.ua/

Оцінка: 4 з 5 балів.

Сайт має зручне меню, майже всі графічні елементи мають текстовий підпис. Але є два критичних зауваження. Їх позначено знаком “!”. Ці недоліки важливо виправити у першу чергу.

Рекомендації:
1!. Банери у шапці замість текстового опису містять PHP-код (приклад: alt=”<?=$this->translate(‘text_onmain’)?>”). Потрібно з’ясувати, чому цей код не працює. Можливо, замість <? ?> слід використовувати <?php ?>.
2. Додати текстовий підпис до кнопки пошуку (<button>Пошук</button>).
3. У блоці “Фото”, “Відео / аудіо” додати текстовий підпис до кнопок “Назад”, “Далі” (<script>$(‘.images-block-23 ‘).bxSlider({ prevText:’Назад’ , nextText:’Далі’});</script>).
4!. На сторінках матеріалів (приклад: http://dsmsu.gov.ua/index/ua/material/28974) заголовок статті має бути правильно розмічений: мати тег h1 (<div class=’name’>Заголовок</div> – <div class=’name’><h1>Заголовок</h1></div>).
5. Заголовки блоків (“АКТУАЛЬНІ НОВИНИ”, АНОНСИ” тощо) на головній сторінці бажано розмітити тегом h2 або h3 (<div class=’ico’><h3>Анонси</h3></div>).

Остання перевірка 07.06.2017

Без змін.

Оцінка: 4 бали.


15. Сайт Міністерства оборони України

Посилання: http://www.mil.gov.ua/

Оцінка: 4.8 із 5 балів.

Сайт доступний та зручний, але є декілька незначних порушень правил WCAG, через які не можна поставити оцінку 5.

Рекомендації:
1!. Додати текстову позначку (alt) до зображень (img) кнопок соц.мереж та кнопки переходу на спеціальну версію.
2. Додати текстову позначку або порожній параметр alt (alt=””) до мініатюр у блоках новин.

Остання перевірка 07.06.2017

1. Виконано.
2. Виконано частково.

Оцінка: 4.9 балів.


16. Сайт Міністерства охорони здоров’я України

Посилання: http://moz.gov.ua

Оцінка: 2 бали.

Сайт частково доступний, але головне меню, без якого повноцінне використання сайту не можливе, зовсім не доступне з клавіатури. Також на сторінках матеріалів заголовок не позначений тегом заголовка (h1)? що заважає швидко знаходити початок статті.

Рекомендації:
1. Додати текстову позначку до зображень (параметр alt) у слайдері (slide-anons). Текст позначки повинин збігатись із заголовком новини. Крім того, бажано текст анонсу також зробити у вигляді посилання на новину. Додати текстові позначки до кнопок Prev / Next у слайдері.
2. Головне меню не доступне з клавіатури: не можливо сфокусуватись клавішею tab, не розкривається натиском enter. Необхідно додати tabindex, параметр href до тегу <a> елемннтів першого рівня, або додати ролі та статуси WAI-Aria (приклад: https://www.w3.org/TR/wai-aria-practices-1.1/examples/menubar/menubar-1/menubar-1.html )
3. Додати текстові позначки (alt) до зображень у блоці “Актуально”.
4. На сторінках матеріалів (приклад: http://moz.gov.ua/ua/portal/pre_20170222_d.html) заголовок потрібно позначити тегом h1.

Остання перевірка 13.06.2017

1. Не виконано.
2. Виконано.
3. Не виконано.
4. Не виконано.

Меню стало доступним, тому оцінку можна підняти до 3.5 бали.


17. Сайт Міністерства фінансів України

Посилання: http://www.minfin.gov.ua/

Оцінка: 4 бали.

Сайт має кілька дрібних недоліків, які суттєво не впливають на доступність. Але, щоб користування сайтом було більш зручним для людей з порушенням зору, їх бажано виправити.

Рекомендації:
1. Додати текстовий підпис до іконок соц.мереж у шапці сайту. Зараз вони мають параметр title, але бажано додати ще aria-label (aria-label=”соціальна мережа twitter”).
2. Підчас перегляду сайту на малих екранах головне меню згортається. Кнопка розгортання не доступна з клавіатури, оскільки для її створення не було використано теги <button> або <a>. Потрібно замість span використовувати <button> або <a>.
3. Кнопка зміни мови також не доступна з клавіатури (причина та вирішення – див. пункт 2).
4. На сторінках матеріалів (приклади: http://www.minfin.gov.ua/news/bjudzhet, http://www.minfin.gov.ua/news/view/ukraina-ta-mizhnarodnyi-valiutnyi-fond-dosiahly-domovlenostei-na-robochomu-rivni-shchodo-zmistu-memorandumu-pro-ekonomichnu-ta-finansovu-polityku?category=mizhnarodne-spivrobitnictvo) мета-тег <title> збігається з мета-тегом <title> головної сторінки. <title> повинен містити заголовок новини. Якщо заголовок занадто довгий, можна його обмежувати 60-ма символами.
5. Посилання “Президент України” веде на неіснуючий сайт – http://prezident.gov.ua (помилка у одній літері).

Остання перевірка 13.06.2017

1-4. Не виконано.
5. Виконано.

Оцінка: 4 бали.


18. Сайт Міністерства інформаційної політики України

Посилання: http://mip.gov.ua/

Оцінка: 4.9 з 5 балів.

Меню розгортається з клавіатури, кнопки соц.мереж підписані, на сторінках матеріалів заголовок позначен тегом h1. Сайт має семантичну верстку.

Рекомендації:
1. Додати текстовий підпис до кнопки, що змінює тему. Зараз: <input type=” submit” onclick=” switch_style_pls();return false;” name=”theme” value=”nbsp;” id=”change” class=”button button1″>. Повинно бути: <input type=” submit” onclick=” switch_style_pls();return false;” name=”theme” value=”Версія для людей зі слабким зором” id=”change” class=”button button1″> або, якщо напис на кнопці може зіпсувати її зовнішній вигляд, то можна скористатись спеціальним параметром aria-label: <input type=” submit” onclick=” switch_style_pls();return false;” name=”theme” value=”nbsp;” aria-label=”Версія для людей зі слабким зором” id=”change” class=”button button1″>
2. Заголовки блоків на головній сторінці (“Головне”, “Фото”,”Відео” тощо) бажано позначити тегом h2 або h3.

Остання перевірка 13.06.2017

Без змін.


19. Сайт Міністерства економічного розвитку і торгівлі України

Посилання: http://www.me.gov.ua

Оцінка: 4 з 5 балів.

Рекомендації щодо покращення доступності:
1. Заголовки на головній (“Новини”, “Обговорення проектів документів”, “Оголошення” тощо) бажано позначити тегом заголовку (h2 або h3).
2. Додати текстову позначку (alt) до банеру “images/AdminServicesStatePortal”, а також – текстову позначку (value) до кнопок у div class=”pp”.
3. На сторінках матеріалів (приклад: http://www.me.gov.ua/News/Detail?lang=uk-UAid=c82007f7-53a2-4f69-9ab9-c35b0df48342title=ZakinchivsiaVRaundPeregovorivMizhUkrainoiuTaIzrailemSchodoUgodiProVilnuTorgivliu) заголовок новини позначити тегом h1 (приклад: <h1>Закінчився V раунд переговорів між Україною та Ізраїлем щодо Угоди про вільну торгівлю</h1>).

Остання перевірка 16.06.2017

Без змін.

Оцінка: 4 бали.


20. Сайт Міністерства енергетики та вугільної промисловості України

Посилання: http://mpe.kmu.gov.ua

Оцінка: 4 бали.

Рекомендації:
1. Додати текстовий підпис (alt) до банерів img/energo_uk, img/jader, img/nafta, img/ugol; замініти англомовні позначки до деяких банерів (наприклад: Civic, Info-bulletin) на зрозумілі україномовні; додати підпис (alt) до кнопок соц.мереж.
2. Додати текстову позначку або залишити порожнім атрибут alt у ммініатюр в блоці новин на головній сторінці.

Остання перевірка 16.06.2017

Без змін.

Оцінка: 4 бали.


21. Сайт Міністерства інфраструктури України

Посилання: http://www.mtu.gov.ua/

Можна оцінити доступність на 4.9 з 5 балів.

Сайт має зрозумілу структуру та правильну семантику, інтерфейс доступний з клавіатури. Є на сайті також декілька недоліків, які суттєво не впливають на доступність.

Рекомендації:
1. Додати текстову позначку до іконок соц.мереж. Для цього раджу використовувати атрибут aria-label (приклад: <a aria-label=”Сторінка у Facebook” …>…</a>).
2. Додати текстову позначку для кнопки “Пошук” (приклад: <input type=”submit” aria-label=”Пошук” … />).

Остання перевірка 16.06.2017

Без змін.

Оцінка: 4.9 бали.


22. Сайт Міністерства регіонального розвитку, будівництва та житлово-комунального господарства україни

Посилання: http://www.minregion.gov.ua

Оцінка: 4.5 балів.

Рекомендації:
1. Додати текстові позначки до іконок соц.мереж (приклад: <a aria-label=”Твіттер” …>).
2. Додати текстову позначку кнопки пошуку (приклад: <input type=”submit” value=”Пошук”>).
3. Додати альтернативний текст до мініатюр у блоці “ГОЛОВНІ НОВИНИ” (приклад: <img alt=”Заголовок новини” … />).

Остання перевірка 16.06.2017

Без змін.

Оцінка: 4.5 бали.


23. Сайт національного агенства з питань запобігання корупції

Посилання: https://nazk.gov.ua/

Оцінка: 4.5 з 5 балів.

Сайт зроблено якісно: правильна семантика, доступне меню. Але є декілька недоліків, які заважають поширювати матеріали та підписуватись на сторінки у соц.мережах.

Рекомендації:
1. Додати текстовий опис до іконок соц.мереж на головній сторінці (приклад: aria-label=”Сторінка у Facebook”).
2. Додати текстовий опис до іконок на сторінках матеріалів, які призначені для поширення матеріалу у соц.мережах (приклад: aria-label=”Поширити у Facebook”).

Остання перевірка 16.06.2017

Без змін.

Оцінка: 4.5 бали.


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

Посилання: http://nerc.gov.ua

Оцінка 3,5 з 5-ти балів.

Сайт застарілий та має декілька проблем із доступністю.

Рекомендації:
1. Додати текстову позначку до кнопки пошуку.
2. Зробити доступним слайдер: додати alt до зображень.
3. У меню “ЕЛЕКТРОЕНЕРГІЯ ГАЗ ПРИРОДНИЙ ТЕПЛО ВОДА ХОЛОДНА ВІДХОДИ” зробити можливість активовувати посилання клавішею ентер.
4. Додати текстову позначку (alt) до банерів: banners/prezident, banners/teplo1 та інших у цьому блоці.
5. На сторінках матеріалів (приклад: http://nerc.gov.ua/?news=5896 ) головний заголовок потрібно позначити тегом h1 (приклад: <h1>Рішення Регулятора є логічним продовженням загальної реформи ринку природного газу</h1>).

Остання перевірка 16.06.2017

Без змін.

Оцінка: 3.5 бали.


25. Сайт Національного антикорупційного бюро України

Посилання: https://nabu.gov.ua/

Оцінка: 5 балів з 5-ти.

Сайт не має проблем з доступністю для користувачів скрін-рідерів.

Остання перевірка 16.06.2017

Без змін.

Оцінка: 5 балів.


Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *