Перейти до вмісту
Pandus

Вимога WCAG A/AA Пріоритет: Помірно

Посилання в тексті виглядають як звичайний текст

Деякі посилання в абзацах виділені лише кольором, без підкреслення чи іншої помітної ознаки.

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

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

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

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

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

Як виправити

Підкресліть посилання в основному тексті або додайте інше позначення, не повʼязане з кольором. Якщо ви покладаєтеся лише на колір, посилання має мати контраст щонайменше 3:1 з навколишнім текстом і помітно змінюватися при наведенні та фокусі.

У Shopify

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

У Shoptet (CZ)

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

У PrestaShop

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

У WooCommerce

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

Стандарти

Стандарти
СтандартПункт
WCAG 2.2 1.4.1 (A) Use of Color
WCAG 2.1 1.4.1 (A) Use of Color
WCAG 2.0 1.4.1 (A) Use of Color
EN 301 549 4.1.1 9.1.4.1
EN 301 549 3.2.1 9.1.4.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.4.1

Автоматична перевірка: правило axe-core link-in-text-block. dequeuniversity.com, github.com, www.w3.org

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