1. Проєктна ціль WCAG 2.2 AA
Під час розробки та доопрацювання інтерфейсу орієнтиром є рівень WCAG 2.2 AA. Це ціль проєктування, а не декларація, що кожна сторінка вже пройшла незалежний аудит і повністю відповідає всім критеріям.
Доступність перевіряють у реальних сценаріях: читання основного вмісту, навігація, відкриття й закриття меню, робота з кнопками та діалогами. Дизайн і код мають залишатися зручними без обов’язкового використання миші.
2. Клавіатура, фокус і пропуск навігації
Інтерактивні елементи реалізовані як кнопки або посилання, щоб ними можна було керувати клавіатурою. Видимий індикатор focus допомагає зрозуміти, який елемент активний. Посилання skip link «До основного вмісту» дає змогу пропустити повторюваний блок навігації.
Для швидкої перевірки натисни Tab після завантаження сторінки, перейди до skip link і активуй його клавішею Enter. Подальші натискання Tab мають переміщувати фокус передбачувано; Shift+Tab повертає до попереднього елемента.
3. Меню та рідні діалоги
Мобільне меню має кнопку з доступною назвою та станом розгортання. Для модальних вікон застосовується native dialog — рідний браузерний елемент <dialog>. Він допомагає організувати фокус, ізоляцію діалогу та закриття клавішею Escape залежно від підтримки браузера.
Кнопки закриття мають текстові доступні назви. Зовнішній перехід і закриття діалогу розділені різними діями, щоб користувач міг повернутися до читання без обов’язкового переходу.
4. Адаптивність, зображення та рух
- Responsive: сітки й навігація адаптуються до різної ширини екрана, а мобільна дія не замінює основний вміст.
- Alt: змістовні зображення отримують альтернативний текст, а декоративні елементи не повинні дублювати зайву інформацію для допоміжних технологій.
- Reduced motion: передбачено врахування системного налаштування зменшення руху для анімацій і переходів.
- Структура: заголовки, навігаційні області й основний landmark допомагають орієнтуватися в документі.
Для читання можна збільшувати текст засобами браузера. Якщо конкретне поєднання масштабу, орієнтації чи розміру екрана створює перешкоду, це потребує окремого виправлення.
5. Відомі обмеження перевірки
Наявність технічних рішень не доводить повної доступності для всіх користувачів. Реальні екранні диктори, різні комбінації браузерів і операційних систем, мобільні пристрої, голосове керування та значне збільшення тексту потребують окремої перевірки.
Можливі відмінності в оголошенні динамічних станів, роботі сторонніх сторінок після переходу та поведінці окремих браузерів. Цей документ описує лише даний статичний ресурс і не гарантує доступність зовнішньої платформи оператора.
6. Як повідомити про перешкоду
Якщо проблема стосується акаунта або сервісу оператора, звернися через офіційний канал підтримки. Опиши сторінку, дію, яку не вдалося виконати, браузер і використану допоміжну технологію. Не надсилай паролі чи одноразові коди.
Корисний формат: «На сторінці … за допомогою … натиснув …, очікував …, але отримав …». Такий опис легше відтворити та передати профільній команді.