Кнопки й посилання замалі, щоб на них було легко натиснути

Деякі кнопки чи посилання менші за 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

Деякі заголовки є лише жирним або великим текстом
WCAG 1.3.1 A
Деякі векторні зображення не мають текстового опису
WCAG 1.1.1 A
Деякі посилання не повідомляють, куди ведуть
WCAG 2.4.4 A
Вбудований вміст не має назви
WCAG 4.1.2 A

Усі правила, які ми перевіряємо