Джерело
All about QA - Все про тестування ПЗ | Чек-лист для перевірки доступності сайту (Web Accessibility Checklist)...
667 Охват/переглядів
2025-03-14 09:49
Повідомлення №1044
Чек-лист для перевірки доступності сайту (Web Accessibility Checklist).1. Загальні принципи доступності • Сайт відповідає стандартам WCAG 2.1 (мінімальний рівень AA). • Всі функції доступні за допомогою клавіатури (без використання миші). • Контент доступний для всіх користувачів, включаючи людей із вадами зору, слуху, моторики та когнітивними порушеннями.2. Структура та семантика HTML • Використані правильні HTML-теги (заголовки <h1>-<h6>, списки <ul>/<ol>, абзаци <p>, таблиці <table>, кнопки <button> тощо). • Відсутні пусті заголовки, списки або таблиці без заголовків. • Всі інтерактивні елементи мають відповідні атрибути ARIA, якщо це необхідно. • Всі ідентифікатори на сторінці унікальні.3. Навігація та клавіатурний доступ • Всі інтерактивні елементи доступні через клавіатуру (Tab, Enter, Space, Arrow keys). • Є можливість пропустити навігаційні елементи (наприклад, кнопка “Skip to Content”). • Логічний порядок навігації (відповідає візуальному порядку). • Фокус видимий для всіх інтерактивних елементів. • Можна закрити будь-яке модальне вікно або випадаюче меню без миші.4. Альтернативний текст для медіа • Всі зображення мають відповідні alt-описи. • Декоративні зображення позначені alt="" або через role="presentation". • Відео мають субтитри або текстові транскрипти. • Аудіофайли мають текстову транскрипцію. • Є аудіоописи для відеоконтенту, якщо це необхідно.5. Контрастність та кольори • Мінімальний контраст тексту до фону — 4.5:1 (для звичайного тексту) або 3:1 (для великого тексту). • Колір не є єдиним засобом передачі інформації (наприклад, помилки підсвічуються не лише кольором, але й текстом або іконками). • Фон не зливається з текстом.6. Форматування тексту • Використовується читабельний шрифт, мінімальний розмір тексту — 16px. • Лінійна висота (line-height) тексту не менше 1.5. • Текст не втрачає читабельність при збільшенні масштабу браузера (до 200%). • Використовується вирівнювання за лівим краєм (уникається повне вирівнювання).7. Функціональність та інтерактивність • Всі інтерактивні елементи доступні за допомогою клавіатури. • Випадаючі списки, модальні вікна та інші інтерактивні елементи працюють коректно без миші. • Фокус автоматично не переноситься без відома користувача. • Форми мають підписані (label або aria-label) поля введення. • Всі кнопки мають зрозумілі текстові описи, а не лише іконки.8. Тести на різних пристроях • Перевірено доступність сайту на мобільних пристроях. • Сайт коректно відображається у різних браузерах. • Всі елементи мають достатній розмір для зручного натискання на сенсорних екранах.9. Додаткові перевірки • Використані автоматизовані інструменти перевірки доступності (Lighthouse, Axe, WAVE). • Проведено тестування користувачами з інвалідністю. • Випробувано сайт із екранними читалками (NVDA, JAWS, VoiceOver).