Откройте страницу, которую изменил Claude Code, и попробуйте пройти её без мыши: клавишей Tab дойдите до кнопки, откройте форму и отправьте её с ошибкой. Так быстро обнаруживаются проблемы, из-за которых посетитель теряет управление сайтом. Затем проверьте, читается ли текст на фоне, и понятны ли сообщения у полей. Ниже — порядок ручной проверки, подсказки для автоматических тестов и способ передать агенту конкретную задачу на исправление.
С какой страницы начать проверку?
Возьмите страницу, на которой посетитель делает важное для бизнеса действие: оставляет заявку, выбирает услугу или оформляет заказ. Если Claude Code менял общий компонент, например меню, проверьте его и на другой странице. Одной удачной загрузки сайта мало: проблемы часто появляются после открытия меню, ошибки в форме или смены состояния кнопки.
Сохраните список изменений агента и откройте страницу в браузере. Перед проверкой закройте всплывающие окна, которые не относятся к сценарию. Запишите исходный путь посетителя обычными словами: «открыть меню, перейти к услуге, заполнить форму, увидеть результат». По этому пути вы будете идти с клавиатурой.
Если после правок съехали блоки или кнопка оказалась за пределами экрана, сначала проверьте вёрстку после изменений Claude Code в Playwright. Иначе трудно понять, мешает ли посетителю управление с клавиатуры или сломанная раскладка страницы.
Как проверить управление с клавиатуры?
Обновите страницу и отложите мышь. Нажимайте Tab, чтобы двигаться вперёд, и Shift+Tab, чтобы вернуться. На каждом шаге должно быть видно, где сейчас находится фокус — рамка, подчёркивание или другое заметное выделение. Если выделение исчезло, посмотрите, какой элемент получил фокус: иногда он скрыт за меню либо уехал за край экрана.
Пройдите выбранный путь до конца. Enter должен открывать ссылку или запускать кнопку. Для переключателей и флажков проверьте пробел. Если на странице есть выпадающее меню или окно поверх страницы, убедитесь, что его можно открыть, использовать и закрыть без мыши. После закрытия проверьте, куда вернулся фокус: посетителю нужно продолжить с места, где он остановился.
Записывайте сбой как воспроизводимое действие. Например: «После открытия меню нажимаю Tab дважды; фокус попадает на ссылки за меню, а пункт меню выбрать нельзя». Такой текст полезнее просьбы «исправить доступность»: Claude Code получает точный сценарий и ожидаемое поведение. После исправления повторите тот же путь, включая возврат по Shift+Tab.
Как проверить контраст текста и кнопок?
Начните с того, что человек действительно читает: названия полей, подсказки, сообщения об ошибке, текст кнопки. Посмотрите на них в обычном состоянии и после взаимодействия. Например, кнопка может выглядеть читаемой до отправки формы, но текст ошибки на светлом фоне почти исчезнет. Проверьте и цвет выделения фокуса: он должен быть заметен рядом с элементом.
Для первичной проверки откройте инструмент анализа контраста в браузере или запустите axe-core. Автоматическая проверка помогает найти сочетания цветов, которые требуют внимания. Затем посмотрите на страницу сами: инструмент не объяснит, достаточно ли ясно различаются обычное сообщение и ошибка в конкретном сценарии. Для более широкой проверки пригодится разбор того, как проверять доступность сайта с Claude Code, Playwright и axe-core.
Когда найдёте проблему, передайте агенту место и состояние элемента: «На странице услуги после пустой отправки формы текст ошибки у поля email трудно прочитать на фоне. Подбери цвета для этого состояния и покажи изменённые стили». Проверьте результат в браузере. Смена цвета в одном состоянии не должна сделать менее заметными фокус или текст кнопки в другом.
Как проверить форму от первого поля до результата?
Пройдите форму только с клавиатурой. У каждого поля должно быть понятное название рядом с ним; подсказка внутри поля исчезнет, когда человек начнёт печатать, поэтому она не заменяет название. Заполните часть полей и отправьте форму. Проверьте, понятно ли, где ошибка, что нужно исправить и сохранились ли уже введённые значения.
Затем исправьте ошибку и повторите отправку. Посмотрите, появилось ли подтверждение на странице и можно ли до него добраться с клавиатуры. Если форма отправляет данные, используйте тестовый сценарий, чтобы не создавать настоящую заявку. Отдельно проверьте поведение при двойном нажатии на кнопку: посетитель должен понимать, что происходит после первого нажатия.
Попросите Claude Code исправлять найденные сбои по одному сценарию за раз: «При пустой отправке формы покажи ошибку рядом с полем, сохрани введённые значения и обеспечь переход к ошибке с клавиатуры. Затем опиши, как это проверить вручную». После правки повторите весь путь, а не только действие, на котором раньше возник сбой.
Какие ошибки чаще всего пропускают при проверке?
- Проверяют только главную страницу, хотя агент менял форму или меню на внутренних страницах. Откройте страницу, где находится изменённый элемент.
- Считают видимую рамку достаточной проверкой клавиатуры. Пройдите путь до результата и вернитесь на несколько элементов назад.
- Проверяют контраст только у обычного текста. Посмотрите также на ошибку, подсказку, кнопку и выделение фокуса.
- Принимают отсутствие замечаний от автоматического инструмента за готовый результат. Пройдите сценарий вручную: автоматическая проверка не заменяет попытку заполнить форму.
- Просят агента «исправить всё сразу». Передайте страницу, действие, сбой и ожидаемый результат; после каждой правки повторите проверку.
Сейчас откройте одну изменённую страницу и нажмите Tab несколько раз. Если вы теряете из виду фокус, запишите элемент, после которого это произошло: у вас уже есть конкретная задача для исправления.
