Salt la conținut
Pandus

Cerință WCAG A/AA Prioritate: Moderat

Linkurile din text arată ca textul obișnuit

Unele linkuri din paragrafe se disting doar prin culoare, fără subliniere sau alt semn vizibil.

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 deficiențe de percepție a culorilor sau cu vedere slabă pot să nu observe linkurile către condițiile de livrare, ghidul de mărimi sau politica de retur și ratează informații de care au nevoie.

Pe cine afectează

  • persoanele cu deficiențe de percepție a culorilor
  • persoanele cu vedere slabă
  • clienții mai în vârstă

Cum se remediază

Subliniați linkurile din textul principal sau oferiți-le un alt indiciu vizual în afară de culoare. Dacă vă bazați doar pe culoare, linkul are nevoie de un contrast de cel puțin 3:1 față de textul din jur, plus o schimbare vizibilă la hover și la focus.

În Shopify

De obicei, setat în stilurile de tipografie sau de linkuri ale temei. Activați sublinierea linkurilor din setările temei, dacă există, sau adăugați o regulă de subliniere în CSS-ul temei.

În Shoptet (CZ)

De obicei, stilurile șablonului. Adăugați o regulă de subliniere pentru linkurile din conținut prin opțiunile de cod CSS personalizat.

În PrestaShop

De obicei, CSS-ul temei elimină sublinierea. Adăugați o regulă de subliniere pentru linkurile din zonele de conținut în CSS-ul personalizat al temei.

În WooCommerce

De obicei, stilurile temei sau ale editorului de blocuri elimină sublinierea. Readuceți sublinierea pentru linkurile din zonele de conținut prin customizer, stilurile globale sau CSS-ul temei copil.

Standarde

Standarde
StandardPunct
WCAG 2.2 1.4.1 (A) Use of Color
WCAG 2.1 1.4.1 (A) Use of Color
WCAG 2.0 1.4.1 (A) Use of Color
EN 301 549 4.1.1 9.1.4.1
EN 301 549 3.2.1 9.1.4.1
Section 508 2017 E205.4
ДСТУ EN 301 549 2022 9.1.4.1

Verificare automată: regula axe-core link-in-text-block. dequeuniversity.com, github.com, www.w3.org

Toate regulile pe care le verificăm