Перейти к содержимому
Pandus

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

Интервалы в тексте нельзя изменить

В части текста межстрочный интервал, расстояние между буквами или словами зафиксировано через !important в атрибуте style, поэтому читатели не могут изменить его своими настройками.

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

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

Люди с дислексией или слабым зрением часто увеличивают интервалы с помощью расширений браузера или своих стилей. На этих элементах их настройки игнорируются, и описания товаров, цены или уведомления остаются трудными для чтения.

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

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

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

Уберите !important у line-height, letter-spacing и word-spacing во встроенных атрибутах style или перенесите эти стили в таблицу стилей. Затем проверьте, что ничего не обрезается и не накладается, когда межстрочный интервал равен 1,5 размера шрифта, отступ между абзацами 2, расстояние между буквами 0,12 и между словами 0,16.

В Shopify

Обычно это встроенные стили из конструкторов страниц, приложений или собственного HTML в теме. Уберите !important в коде Liquid или в настройках приложения либо конструктора.

В Shoptet (CZ)

Обычно это контент, вставленный в редактор вместе с форматированием. Очистите форматирование в редакторе; если стиль идёт из шаблона, обратитесь в Shoptet или к партнёру.

В PrestaShop

Обычно это контент из редактора CMS или шаблоны модулей. Уберите встроенные интервалы с !important в файлах .tpl или в отредактированном контенте.

В WooCommerce

Часто встречается с конструкторами страниц и текстом, вставленным из Word или с других сайтов. Задавайте интервалы в настройках стилей конструктора или в таблице стилей темы, а не во встроенных стилях.

Стандарты

Стандарты
СтандартПункт
WCAG 2.2 1.4.12 (AA) Text Spacing
WCAG 2.1 1.4.12 (AA) Text Spacing
EN 301 549 4.1.1 9.1.4.12
EN 301 549 3.2.1 9.1.4.12
ДСТУ EN 301 549 2022 9.1.4.12

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

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