Текст и элементы сохраняют достаточный контраст.
Доступность проявляет слабые места
Низкий контраст, исчезающий фокус, поле без подписи и маленькая цель - это не отдельная «спецверсия», а признаки хрупкого интерфейса.
Поля, кнопки и ошибки имеют явные подписи, а смысл не зависит от цвета.
Фокус виден, порядок клавиатуры логичен, цели достаточно крупные.
Быстрая проверка: Проверка без мыши, без цвета и при увеличении быстро показывает то, что обычный просмотр маскирует.
WCAG 2.2 требует видимого клавиатурного фокуса и минимальной цели 24 на 24 CSS px либо достаточного расстояния. Для обычного текста минимальный контраст - 4.5:1.источники
Сравните одну форму
В первой версии подсказки исчезают и ошибки передаются цветом. Во второй у каждого шага есть видимый смысл.
Вариант А: пользоваться на память
Получить консультацию
Плейсхолдер исчез после ввода
Ошибка только красной рамкой
Сбой: Нет постоянных подписей, объяснения ошибки и удобных целей.
Вариант Б: каждый шаг явный
Получить консультацию
⚠ Введите адрес в формате name@example.com
Система: Постоянные подписи, видимый фокус, текст ошибки и крупная кнопка снимают догадки.
Выберите устойчивую кнопку
Какая версия доступнее и одновременно понятнее большинству пользователей?
Мини-лаборатория
Проверяйте размер, подпись, контраст и видимый фокус.
Назовите приоритетный барьер
В форме пять проблем. Нужно дать агенту одну ограниченную серию исправлений по доступности.
Аудит формы
Контраст подписей2.8:1
Подписи полейтолько placeholder
Фокусотключен
Ошибкитолько цвет
Кнопки20×20 px
Какая команда лучше?
Дайте задачу агенту
Используйте шаблон как рамку разговора. Сначала наблюдение и критерии, затем изменение.
Проведи аудит только базовой доступности страницы.
1. Проверь контраст текста и элементов управления.
2. Пройди страницу клавиатурой: порядок, видимый фокус, доступность каждого действия.
3. Проверь постоянные подписи полей и текстовые сообщения ошибок.
4. Найди смысл, переданный только цветом, и маленькие цели касания.
5. Проверь заголовки и увеличение до 200%.
6. Исправь барьеры в основной версии без создания отдельного режима.
7. Для каждого исправления дай измеримый критерий приемки.Урок освоен, если вы можете
Ваш преподаватель - агент
Попросите агента сыграть три режима: только клавиатура, монохромный экран и увеличение 200%. Пусть он не исправляет, пока не перечислит потерянные действия и смыслы.