Інтервали в тексті неможливо змінити

У частині тексту міжрядковий інтервал, відстань між літерами чи словами зафіксовано через !important в атрибуті style, тому читачі не можуть змінити їх власними налаштуваннями.

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

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

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

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

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

Як виправити

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

У Shopify

Зазвичай це вбудовані стилі з конструкторів сторінок, застосунків або власного HTML у темі. Приберіть !important у коді Liquid або в налаштуваннях застосунку чи конструктора.

У Shoptet (CZ)

Зазвичай це вміст, вставлений у редактор разом із форматуванням. Очистіть форматування в редакторі; якщо стиль іде із шаблону, зверніться до Shoptet або партнера 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

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