Простыми словами
Например, иконка закладки выглядит 20 px, но кнопка имеет кликабельную область 44×44 px и не перекрывает соседние действия. Поэтому это учитывают при проектировании интерфейса - иначе пользователь тратит лишние усилия, ошибается или не понимает реакцию системы.
Пример при разработке
Иконка закладки выглядит 20 px, но кнопка имеет кликабельную область 44×44 px и не перекрывает соседние действия.
Это редакционный пример применения, а не часть определения или доказательство концепции.Формальное определение
Сенсорная цель должна быть достаточно крупной или иметь достаточное расстояние от соседних целей, чтобы пользователь мог точно нажать её.
Механизм действия
Компонент увеличивает интерактивную область, spacing или предоставляет эквивалентный крупный элемент согласно критериям доступности.
Пример в работе
Внедрить «Размер сенсорной цели» как формальную настройку, не проверив сценарий отказа и ограничение: Большая цель не исправляет непонятную подпись; исключения стандарта зависят от контекста и inline-содержимого.
Применять «Размер сенсорной цели» только для заявленной цели, проверять поведение на реальном контуре и сохранять наблюдаемый критерий результата.
Ограничения
Большая цель не исправляет непонятную подпись; исключения стандарта зависят от контекста и inline-содержимого.
Источник
W3C, “Web Content Accessibility Guidelines (WCAG) 2.2”, 2024.