Требование 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
Похожие проверки
-
Кнопки и ссылки слишком маленькие, по ним трудно попасть
WCAG 2.5.8 AA
-
У некоторых переключателей и флажков нет названия
WCAG 4.1.2 A
-
Ссылки в тексте не отличаются от обычного текста
WCAG 1.4.1 A
-
На странице устаревшая разметка мигающего текста
WCAG 2.2.2 A