Přejít na obsah
Pandus
cs Změnit jazyk
Menu

Požadavek WCAG A/AA Priorita: Střední

Mezery v textu nelze upravit

U části textu jsou řádkování, mezery mezi písmeny nebo slovy pevně nastaveny přes !important v atributu style, takže si je čtenáři nemohou změnit vlastním nastavením.

Tento text byl přeložen automaticky a rodilý mluvčí ho zatím nezkontroloval.

Proč na tom záleží vašim zákazníkům

Lidé s dyslexií nebo slabozrakostí si často zvětšují mezery pomocí rozšíření prohlížeče nebo vlastních stylů. U těchto prvků se jejich nastavení ignoruje, a popisy produktů, ceny či upozornění tak zůstávají špatně čitelné.

Koho se to týká

  • lidé s dyslexií
  • lidé se slabozrakostí
  • lidé s kognitivními obtížemi

Jak to opravit

Odstraňte !important u line-height, letter-spacing a word-spacing v atributech style, nebo tyto styly přesuňte do stylopisu. Pak ověřte, že se nic neořízne ani nepřekrývá, když je řádkování 1,5násobek velikosti písma, mezera mezi odstavci 2násobek, mezera mezi písmeny 0,12násobek a mezi slovy 0,16násobek.

V Shopify

Obvykle jde o inline styly z page builderů, aplikací nebo vlastního HTML v šabloně. Odstraňte !important v kódu Liquid nebo v nastavení aplikace či builderu.

V Shoptet (CZ)

Obvykle jde o obsah vložený do editoru i s formátováním. Formátování v editoru vymažte; pokud styl pochází ze šablony, obraťte se na podporu Shoptet nebo partnera.

V PrestaShop

Obvykle jde o obsah z editoru CMS nebo šablony modulů. Odstraňte inline mezery s !important v souborech .tpl nebo v upraveném obsahu.

V WooCommerce

Časté u page builderů a u textu vloženého z Wordu nebo jiných webů. Mezery nastavte ve stylech builderu nebo ve stylopisu šablony, ne inline.

Normy

Normy
NormaBod
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

Automatická kontrola: pravidlo axe-core avoid-inline-spacing. dequeuniversity.com, github.com, www.w3.org

Podobné kontroly

Všechna pravidla, která kontrolujeme