Начните с действий, которые легко перепутать
Открыть товар и добавить его к сравнению могут быть двумя разными намерениями, но на телефоне соответствующие кнопки иногда стоят почти вплотную. До изменения дизайна составьте список таких пар: поиск и закрытие, предыдущий и следующий кадр, плюс и минус. Проверяйте их вместе, а не оценивайте каждую иконку отдельно. Если для обычного нажатия приходится останавливаться и прицеливаться, стоит пересмотреть расположение.
Небольшой знак, достаточная активная область
Визуально компактная иконка может находиться внутри более просторной кнопки. Добавленное пространство должно действительно реагировать на нажатие, а не быть лишь декоративным отступом. Соседние активные области не должны перекрываться. WCAG 2.2, критерий 2.5.8 уровня AA, устанавливает минимум 24 × 24 CSS-пикселя с определёнными исключениями. Это нижняя граница проверки, а не универсальный рецепт удобного меню.
Сначала упростите, затем увеличивайте
Если все действия не помещаются, не уменьшайте их бесконечно. Основное действие оставьте видимым, редкие перенесите в понятное дополнительное меню. Сохраните название текущего раздела и очевидный путь назад. Проверяйте настоящие переводы надписей: короткий пример в макете может скрывать проблему, которая появится на другом языке.
Приёмка изменения на практике
Проверьте обычный и увеличенный масштаб, узкий экран и открытую клавиатуру поиска. Нажмите у края кнопки, между соседними действиями и на подпись. Результат должен быть понятным, без случайного перехода. Отдельно пройдите интерфейс клавишей Tab: просторная область касания сама по себе не обеспечивает клавиатурную доступность. Запишите проверенные экраны и способы ввода. Обзор нескольких кнопок нельзя называть полным аудитом доступности сайта.
Продолжите проверку материалом о видимом фокусе и навигации с клавиатуры.