Текст не досягає підвищеного рівня контрасту (AAA)

Деякий текст відповідає базовому рівню контрасту, але не суворішому: 7:1 для звичайного тексту і 4.5:1 для великого. Це рекомендована практика понад рівень WCAG AA, а не обов'язкова вимога.

Цей текст перекладено автоматично, носій мови його ще не вичитав.

Чому це важливо для ваших покупців

Вищий контраст допомагає покупцям із помірно слабким зором, літнім людям і всім, хто читає з телефона на сонці. Ціни й кнопки стає легше читати всім, але його відсутність не є порушенням рівня AA, на який спирається закон.

Кого це стосується

люди зі слабким зором
літні покупці
люди з порушеннями кольорового зору
покупці зі смартфонів на яскравому світлі

Як виправити

Де це можливо, підвищте контраст до 7:1 для звичайного тексту і 4.5:1 для великого (24px або 18.66px жирним), починаючи з основного тексту, цін і оформлення замовлення. Затемніть кольори тексту або висвітліть тло в дизайн-токенах чи CSS. Спершу виправте базові проблеми контрасту 4.5:1 (правило color-contrast); ця перевірка лише додаткова порада.

У Shopify

Зазвичай це залежить від колірної схеми теми. Оберіть темніші кольори тексту в налаштуваннях кольорів редактора теми; якщо кольори прописані в коді, змініть їх у CSS теми.

У Shoptet (CZ)

Зазвичай це залежить від вибраного шаблону та його налаштувань кольорів. Оберіть темніші кольори тексту в налаштуваннях шаблону або додайте власний CSS через можливості власного коду Shoptet.

У PrestaShop

Зазвичай кольори задано в CSS теми. Перевизначте їх у файлі власного CSS теми або в дочірній темі; деякі теми мають налаштування кольорів у модулі конфігурації.

У WooCommerce

Зазвичай кольори задає активна тема або конструктор сторінок. Змініть їх у Customizer теми чи глобальних стилях або перевизначте в CSS дочірньої теми.

Стандарти

Стандарти
Стандарт	Пункт
WCAG 2.2	1.4.6 (AAA) Contrast (Enhanced)
WCAG 2.1	1.4.6 (AAA) Contrast (Enhanced)
WCAG 2.0	1.4.6 (AAA) Contrast (Enhanced)

Автоматична перевірка: правило axe-core color-contrast-enhanced. dequeuniversity.com, github.com, www.w3.org

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