Перейти к содержимому
Pandus
ru Сменить язык
Меню

Требование WCAG A/AA Приоритет: Умеренно

Ссылки в тексте не отличаются от обычного текста

Некоторые ссылки внутри абзацев выделены только цветом, без подчёркивания или другого видимого признака.

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

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

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

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

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

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

Подчёркивайте ссылки в основном тексте или выделяйте их иначе, не только цветом. Если ссылка отличается только цветом, нужен контраст не ниже 3:1 с окружающим текстом и видимое изменение при наведении и фокусе.

В Shopify

Обычно это задаётся в стилях типографики или ссылок темы. Включите подчёркивание ссылок в настройках темы, если оно есть, или добавьте правило подчёркивания в CSS темы.

В Shoptet (CZ)

Обычно это стили шаблона. Добавьте правило подчёркивания для ссылок в контенте через возможности пользовательского CSS.

В PrestaShop

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

В WooCommerce

Обычно подчёркивание убирают стили темы или блочного редактора. Верните подчёркивание ссылок в области контента через настройщик, глобальные стили или 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

Похожие проверки

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