Кейсы
Работа с клиентом

Нижняя панель сайта тренера закрыла кнопку с фокусом: проверьте перекрытие

Рамка есть, но кнопки не видно

Дина в вымышленной истории заполняет форму с клавиатуры. После последнего поля нажимает Tab и перестаёт видеть текущий элемент. Разработчик показывает, что у кнопки отправки предусмотрена заметная рамка. Однако кнопку целиком закрывает закреплённая нижняя панель с контактами тренера. Изменить цвет рамки здесь недостаточно: под панелью скрывается сам элемент.
На тестовой странице повторяют тот же переход без отправки заявки. Дина не должна угадывать по порядку полей, какую кнопку сейчас активирует Enter. Фокус может действительно находиться на отправке, но это ещё не подтверждает, что человек видит место будущего действия.

Минимальное правило относится к самому элементу

WCAG 2.4.11 Focus Not Obscured (Minimum) требует, чтобы компонент при получении клавиатурного фокуса не был полностью скрыт содержимым, созданным автором. Минимальный критерий допускает частичное перекрытие. Полная видимость предпочтительнее, но не стоит подменять ею точную формулировку этого минимального требования.
В случае Дины измеряют не наличие рамки в стилях, а положение кнопки относительно нижней панели в работающем окне. W3C отдельно приводит фиксированные шапки и нижние панели среди типичных причин перекрытия. Проверка одного скриншота верхней части формы не обнаружит проблему, появляющуюся лишь на последнем переходе Tab.

Повторить путь на той же высоте окна

Разработчик меняет размещение содержимого или отступ прокрутки так, чтобы панель не закрывала кнопку. Конкретное решение выбирают по устройству страницы; W3C описывает scroll padding как один из возможных способов. В тестовой версии Дина снова доходит до отправки. Смотрят, где оказалась кнопка после перехода, а не только исчезла ли панель из макета.
Затем уменьшают высоту окна, на которой исходное перекрытие было заметно, и проходят последние поля заново. Если элемент стал видим только при большом окне, исходный путь Дины ещё не исправлен. При этом форму не отправляют с настоящими контактами: задача проверки — увидеть активную кнопку до действия, не получить новую клиентскую заявку.

Открытый пользователем чат — отдельное условие

В критерии есть уточнение для содержимого, которое сам пользователь открыл: если он может раскрыть скрытый элемент без продвижения клавиатурного фокуса, такое перекрытие может соответствовать правилу. Но нижняя панель Дины появилась по устройству сайта, а не по её отдельному запросу. Нельзя переносить оговорку про открытый чат на любую закреплённую полосу и предлагать клиенту вслепую искать её закрытие.
После устранения перекрытия отдельно проверяют видимый индикатор клавиатурного фокуса. Открытая взгляду кнопка без различимого активного состояния оставит другую проблему. В истории Дины нужны два наблюдения: сам элемент не скрыт панелью и текущее состояние понятно. Эти проверки не заменяют проверку всей формы на доступность.