Олег хотел открыть технику, а переключил день
В учебном сценарии Олег читает план на телефоне. Рядом стоят две небольшие иконки: видео упражнения и следующий день. Он пытается открыть показ, но оказывается в другом занятии и боится, что потерял текущую тренировку. Тренер повторяет путь и тоже иногда задевает соседнее действие. Это повод проверить интерфейс, а не объяснять Олегу, что он «невнимательно читает». Сценарий вымышленный.
На тестовой копии тренер отмечает две конкретные кнопки и ширину экрана, где возникает промах. Разработчику передают не просьбу увеличить всё оформление, а вопрос: какая область каждой кнопки действительно принимает нажатие и не накладывается ли она на соседнюю? Размер нарисованного треугольника видео не отвечает на этот вопрос.
Что измеряют в критерии W3C
В пояснении W3C к Target Size (Minimum), SC 2.5.8 базовый размер цели — не меньше 24×24 CSS-пикселей. Критерий содержит исключения, в том числе достаточное расстояние вокруг меньших целей. Целью считается область, принимающая действие указателя, а не только видимая иконка.
Поэтому можно сохранить компактный рисунок и проверить более удобную активную область вокруг него. Но увеличение области не должно заставлять одну кнопку принимать касания, предназначенные другой. Геометрию и исключения проверяют по самому интерфейсу, а не по скриншоту с произвольным масштабом.
Как проверить исправление на пути Олега
После изменения на тестовой версии отдельно пробуют открыть видео и перейти к следующему дню с того же узкого экрана. Проверяют не только исчезновение промаха, но и сохранение обоих нужных действий. Если кнопки перенесли, Олегу должно быть понятно, какая из них показывает технику, а какая меняет занятие.
После следующей адаптации мобильной раскладки проверку повторяют: на большом экране кнопки могут быть разнесены, а на узком снова оказаться рядом. Нельзя считать задачу решённой только потому, что разработчик увеличил размер иконки в настольной версии.
Можно просто попросить клиента увеличить страницу? W3C отдельно указывает, что увеличение страницы не меняет размер элемента в CSS-пикселях и не заменяет выполнение критерия. Кроме того, Олегу нужен пригодный путь открытия видео, а не обязательный дополнительный жест перед каждой кнопкой.
Все ссылки внутри статьи тоже должны стать квадратными? Нет. Для ссылок внутри предложений предусмотрено отдельное исключение. Не переносите решение для двух соседних управляющих кнопок на весь текст плана.
Касание и клавиатура проверяются отдельно
Исправленная область касания не показывает, виден ли активный элемент при работе клавиатурой. Для этого есть отдельный разбор видимого фокуса. Здесь устранён конкретный промах между действиями; это не заявление о полной доступности плана или всей платформы.