Кнопки и ссылки слишком маленькие, по ним трудно попасть

Некоторые кнопки или ссылки меньше 24 на 24 пикселя и расположены слишком близко к соседним.

Этот текст переведён автоматически, носитель языка его ещё не вычитал.

Почему это важно для ваших покупателей

Покупатели со смартфонов, а также люди с тремором или ограниченным контролем рук попадают не по той кнопке цвета, размера или количества. Это приводит к ошибочным заказам и раздражению.

Кого это касается

покупатели со смартфонов
люди с нарушениями моторики
покупатели старшего возраста
люди, которые держат телефон одной рукой

Как исправить

Делайте интерактивные элементы не меньше 24×24 CSS-пикселя или оставляйте достаточно места, чтобы круг диаметром 24px с центром на маленьком элементе не касался другого элемента. Проверьте образцы цвета, кнопки количества, иконки закрытия и пагинацию. Ссылки внутри предложений — исключение.

В Shopify

Обычно это образцы вариантов, кнопки количества или иконки темы. Увеличьте размеры или отступы в CSS темы; проверьте и виджеты приложений.

В Shoptet (CZ)

Обычно это образцы или иконки шаблона. Увеличьте размер или отступы через пользовательский CSS-код.

В PrestaShop

Обычно это образцы атрибутов, кнопки количества или иконки темы. Увеличьте размер или отступы в пользовательском CSS темы.

В WooCommerce

Обычно это образцы вариаций, поля количества или иконки из темы или плагинов. Увеличьте размер или отступы в CSS дочерней темы.

Стандарты

Стандарты
Стандарт	Пункт
WCAG 2.2	2.5.8 (AA) Target Size (Minimum)
EN 301 549 4.1.1	9.2.5.8

Автоматическая проверка: правило axe-core target-size. dequeuniversity.com, github.com, www.w3.org, www.etsi.org

Все правила, которые мы проверяем