Юридичні документи

1. Зобов'язання

ГО «Центр моніторингу цифрової інклюзії» (далі — «ЦМЦІ») прагне забезпечити цифрову доступність платформи cmci.org.ua для всіх користувачів, включаючи людей з інвалідністю та функціональними обмеженнями. Ми переконані, що кожна людина має право на рівний доступ до інформації та цифрових сервісів.

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

2. Стандарт відповідності

Платформа розроблена та підтримується відповідно до:

• WCAG 2.2 рівень AA — Рекомендації з доступності веб-контенту (Web Content Accessibility Guidelines)
• ДСТУ EN 301 549 — Вимоги доступності для ІКТ-продуктів та послуг (гармонізовано з Європейською Директивою)
• European Accessibility Act (EAA) — у частині вимог до веб-сервісів

Статус відповідності: Платформа частково відповідає стандарту WCAG 2.2 рівня AA. Ми постійно працюємо над досягненням повної відповідності.

3. Охоплення

Ця декларація доступності поширюється на всі публічні розділи платформи:

• Головна сторінка та форма експрес-аудиту
• Дашборд стану ринку та щомісячні звіти
• Рейтинг інклюзивності (по галузях та категоріях) та порівняння сайтів
• Реєстр перевірених сайтів (каталог)
• Сторінки аудиту окремих сайтів
• Академія доступності (статті та довідник правил доступності)
• Сторінка волонтерської програми
• RSS-стрічка (/feed.xml)
• Юридичні сторінки

4. Реалізовані заходи доступності

На платформі cmci.org.ua реалізовано:

• Навігація клавіатурою — повна підтримка навігації за допомогою клавіатури (Tab, Enter, Escape, стрілки) без залежності від миші. Всі кнопки, включаючи кнопки з іконками, мають aria-label для скрінрідерів
• Підтримка скрінрідерів — семантична HTML-розмітка, ARIA-атрибути та ролі забезпечують коректне озвучення контенту допоміжними технологіями
• Семантична структура — використання заголовків (h1-h6) за ієрархією, landmarks (nav, main, footer), списків та таблиць за призначенням
• Контрастність — текст та інтерактивні елементи відповідають мінімальним вимогам контрастності 4.5:1 (звичайний текст) та 3:1 (великий текст). Кольори оцінок (Grade A-F) оптимізовані для достатнього контрасту
• Масштабування — контент коректно відображається при збільшенні масштабу до 200% без втрати функціональності та горизонтальної прокрутки
• Альтернативний текст — зображення мають описовий alt-текст. Компонент next/image використовується для всіх зображень з атрибутами fill та sizes для оптимізації. Адмін-панель підтримує введення alt-тексту для зображень у статтях Академії
• Адаптивний дизайн — інтерфейс коректно працює на різних пристроях та розмірах екрану (від 320px до 2560px). Всі секції (рейтинги, порівняння, дашборд) адаптовані для мобільних пристроїв
• Видимий фокус — всі інтерактивні елементи мають чіткі індикатори фокусу для навігації клавіатурою
• Мінімальний розмір тексту — основний текст інтерфейсу не менше 11px, основний контент — не менше 12px для забезпечення читабельності
• Структуровані дані — JSON-LD розмітка (Schema.org) з SpeakableSpecification для голосових помічників вказує на найрелевантніший контент кожної сторінки
• RSS-стрічка — матеріали Академії доступні через RSS (/feed.xml) для альтернативного споживання контенту

5. Відомі обмеження

Незважаючи на наші зусилля, деякі елементи платформи можуть мати обмежену доступність:

• Інтерактивні діаграми та графіки — візуалізації на дашборді, score rings на сторінках аудиту та порівнянь можуть бути не повністю доступними для скрінрідерів. Ми надаємо альтернативну текстову інформацію поряд з кожним графіком
• Динамічно згенеровані OG-зображення — зображення для соціальних мереж на сторінках аудиту та рейтингів генеруються автоматично і мають базовий alt-текст
• Віджети третіх сторін — зовнішні компоненти (Google Analytics) можуть не повністю відповідати нашим стандартам доступності
• Динамічний контент — результати сканування та дані дашборду, що завантажуються в реальному часі, можуть не завжди коректно анонсуватися скрінрідерами
• Embed-віджети — вбудовувані iframe-віджети рейтингів мають обмежену доступність у контексті сторонніх сайтів

Ми активно працюємо над усуненням цих обмежень.

6. Технології

Доступність платформи забезпечується за допомогою:

• HTML5 з семантичною розміткою
• WAI-ARIA 1.2 (ролі, стани, властивості)
• CSS media queries для адаптивності
• Tailwind CSS з налаштуваннями доступності
• Next.js з серверним рендерингом для SEO та доступності
• next/image для оптимізованих зображень з alt-текстом
• Чекер InclusiveWeb для автоматичного тестування доступності

7. Методологія оцінки

Ми оцінюємо доступність нашої платформи за допомогою:

• Автоматичне тестування — чекер InclusiveWeb (90+ правил WCAG 2.2 AA)
• Ручне тестування — перевірка навігації клавіатурою та інтерактивних елементів
• Тестування на різних пристроях — перевірка на мобільних пристроях та планшетах
• Залучення волонтерів — волонтерська програма ЦМЦІ включає тестування доступності платформи людьми з різними видами інвалідності

8. Зворотній зв'язок

Ми цінуємо ваші відгуки щодо доступності платформи. Якщо ви стикаєтесь з бар'єрами доступності або маєте пропозиції щодо покращення, будь ласка, зверніться до нас:

• E-mail для питань доступності: [email protected]
• Загальний E-mail: [email protected]
• Термін відповіді: до 3 робочих днів

При зверненні, будь ласка, вкажіть:

• URL сторінки, на якій виникла проблема
• Опис бар'єру або складності, з якою ви зіткнулися
• Браузер та допоміжну технологію, яку ви використовуєте (за наявності)

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