Доступність, яку перевіряють лише раз на рік під час одноразової перевірки вручну, майже завжди швидко руйнується — будь-яке невелике оновлення коду може зламати те, що вже було виправлено. Рішення: інтегруйте тестування доступності в сам процес розробки (CI/CD) як автоматизований етап, щоб проблеми виявлялися ще до того, як вони досягли виробництва. У цій статті пояснюється, як.
Коротко — про що йдеться в цій статті
Чому одноразової перевірки недостатньо
Команда розробників, яка надсилає оновлення щотижня, а іноді й щодня, не може покладатися на щорічний аудит доступності, щоб підтримувати постійну відповідність. Новий компонент, доданий без урахування спеціальних можливостей, або зміна CSS, яка випадково знижує контрастність, може порушити доступність, яка вже була виправлена, і ніхто цього не помітить, доки це не виявить користувач або скарга. Той самий принцип також стосується документів — дивіться наш посібник поширені помилки зіставлення.
Які автоматизовані інструменти в конвеєрі CI/CD можуть вловити
Такі інструменти, як axe-core, Pa11y або Lighthouse CI, можуть запускатися автоматично під час кожного запиту на отримання або перед кожним розгортанням — за кілька секунд вони перевіряють такі речі, як: колірний контраст, неправильні або повторювані теги ARIA, відсутній альтернативний текст, відсутні мітки форми та неправильний порядок заголовків. Якщо перевірка не вдається, запит на отримання автоматично блокується для злиття — так само, як звичайний перегляд коду або невдалий модульний тест.
💡 Практична порада
Почніть у «режимі попередження» (без блокування) протягом кількох тижнів, щоб побачити, скільки проблем уже існує в кодовій базі, і лише після початкового очищення перетворіть перевірку на блокувальник розгортання — таким чином команда не «застрягне», зіткнувшись із сотнями помилок у перший день.
Де все ще потрібне тестування вручну
Як і у випадку з тестуванням документів, автоматизовані інструменти в конвеєрі CI/CD виявляють чіткі структурні проблеми, але вони не можуть оцінити фактичну взаємодію з користувачем: чи має сенс навігація з клавіатури, чи програма зчитування з екрана «розповідає зв’язну історію» на сторінці, чи користувацький компонент (наприклад, карусель або модальний) справді придатний для використання в реальному світі. Тому варто поєднувати поточні автоматичні перевірки з періодичним ручним аудитом — наприклад, щоквартально.
Як реалізувати це на практиці
- Виберіть інструмент тестування , що відповідає вашому стеку технологій (axe-core для більшості проектів JavaScript, Lighthouse CI для проектів на основі браузера).
- Запустіть його як крок у конвеєрі CI — зазвичай як дія GitHub, завдання GitLab CI або еквівалентний крок у будь-якому інструменті CI/CD, який ви використовуєте.
- Установіть чіткий поріг відмови (наприклад: відсутність проблем «критичного» рівня на axe-core), перш ніж перевірка стане блокувальником.
- Також покрийте свої PDF-файли: якщо ваша організація автоматично генерує документи (рахунки-фактури, звіти), подумайте про додавання автоматичного сканування для них також у рамках процесу публікації.
Хочете також додати до процесу автоматизоване тестування PDF?
Наш інструмент сканує файли PDF і надає кожному документу оцінку доступності — ви можете запускати його як періодичну перевірку разом із процесом CI/CD.
Відскануйте свій сайт безкоштовно ←Після сканування ви також можете зробити доступ до знайдених документів безпосередньо та безкоштовно через AccessiDoc.