Форму слід перевіряти як завершений шлях людини: знайти поле, зрозуміти вимогу, виправити помилку та отримати підтвердження. Автоматична перевірка помічає частину дефектів, але не доводить повну відповідність WCAG чи зручність усіх сценаріїв.
Підготуйте безпечний сценарій
У Complete знайдіть результати доступності й докази сторінки з формою. Для ручної перевірки використайте тестове середовище або погоджений процес без реального створення заявки. Публічний краулер не повинен відправляти форму замість користувача.
Запишіть URL, мову, потрібні поля й очікуване повідомлення. Не вводьте справжні персональні дані у випадкові тестові запити. Окремо перевірте мобільне компонування та появу клавіатури.
Пройдіть форму клавіатурою
- Почніть з початку сторінки й переходьте Tab між інтерактивними елементами.
- Перевірте видимість фокусу та логічний порядок.
- Прочитайте підпис кожного поля: placeholder не замінює постійний label.
- Перевірте, чи кнопка описує дію, наприклад «Надіслати заявку».
- Переконайтеся, що випадаючі списки й діалоги можна закрити та продовжити навігацію.
Не використовуйте мишу для обходу місця, яке клавіатурою пройти не вдалося: саме це і є важливий доказ.
Перевірте помилки й підказки
У дозволеному тестовому сценарії введіть некоректне значення або залиште обовʼязкове поле порожнім. Помилка має пояснювати спосіб виправлення та бути повʼязаною з полем, а не тільки забарвлювати рамку червоним. Перевірте, чи зберігаються вже введені коректні значення.
Наприклад, «Вкажіть номер телефону з кодом країни» допомагає більше за «Invalid». Перевірте, чи екранний читач отримує назву поля, вимогу й повідомлення; видимий текст без семантичного звʼязку може не бути достатнім.
Перевірте завершення й повторну спробу
Після погодженого тестового надсилання перевірте підтвердження, зміну фокусу та повідомлення про стан. Повільна мережа не повинна спонукати людину натискати кнопку багато разів без пояснення. Помилка сервера має залишати шлях повторити дію.
Очікуваний результат — сценарій доступний клавіатурою, помилки зрозумілі, а людина знає, чи заявку прийнято. Це конкретний критерій приймання форми, але не сертифікація всього сайту.
Перетворіть дефект на задачу
Збережіть адресу, послідовність дій, очікувану поведінку й доказ. Групуйте дефекти спільного компонента форми, але після виправлення перевірте кілька представників. Якщо автоматичний модуль не знайшов проблем, ручний сценарій усе одно потрібен: перевірка лише DOM не бачить усіх труднощів взаємодії.
Джерела та перевірка
Приклади в матеріалі навчальні. Можливості FluxRadar звірено з поточною тарифною матрицею та інтерфейсом. Зовнішні посилання ведуть до документації відповідних постачальників.