Cerință WCAG A/AA Prioritate: Moderat
Spațierea textului nu poate fi ajustată
La o parte din text, spațierea dintre rânduri, litere sau cuvinte este blocată cu !important într-un atribut style, așa că cititorii nu o pot schimba din propriile setări.
Acest text a fost tradus automat și nu a fost încă verificat de un vorbitor nativ.
De ce contează pentru clienții tăi
Persoanele cu dislexie sau cu vedere slabă măresc adesea spațierea cu extensii de browser sau stiluri proprii. La aceste elemente setările lor sunt ignorate, așa că descrierile produselor, prețurile sau anunțurile rămân greu de citit.
Pe cine afectează
- persoanele cu dislexie
- persoanele cu vedere slabă
- persoanele cu dizabilități cognitive
Cum se remediază
Eliminați !important din line-height, letter-spacing și word-spacing în atributele style sau mutați aceste stiluri în foaia de stil. Apoi verificați că nimic nu este tăiat sau suprapus când înălțimea rândului este de 1,5 ori mărimea fontului, spațiul dintre paragrafe de 2 ori, spațierea literelor de 0,12 ori și a cuvintelor de 0,16 ori.
În Shopify
De obicei, stiluri inline din page buildere, aplicații sau HTML personalizat în temă. Eliminați !important în codul Liquid sau în setările aplicației ori ale builderului.
În Shoptet (CZ)
De obicei, în conținut lipit în editor împreună cu formatarea. Ștergeți formatarea în editor; dacă stilul vine din șablon, contactați echipa Shoptet sau un partener.
În PrestaShop
De obicei, în conținut din editorul CMS sau în șabloanele modulelor. Eliminați spațierea inline cu !important din fișierele .tpl sau din conținutul editat.
În WooCommerce
Frecvent cu page buildere și cu text lipit din Word sau de pe alte site-uri. Setați spațierea în setările de stil ale builderului sau în foaia de stil a temei, nu inline.
Standarde
| Standard | Punct |
|---|---|
| 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 |
Verificare automată: regula axe-core avoid-inline-spacing.
dequeuniversity.com, github.com, www.w3.org
Verificări similare
-
Butoanele și linkurile sunt prea mici pentru a fi atinse ușor
WCAG 2.5.8 AA
-
Unele comutatoare și casete de bifat nu au nume
WCAG 4.1.2 A
-
Linkurile din text arată ca textul obișnuit
WCAG 1.4.1 A
-
Pagina folosește markup învechit pentru text care clipește
WCAG 2.2.2 A