Požadavek WCAG A/AA Priorita: Střední
Odkazy v textu vypadají jako běžný text
Některé odkazy v odstavcích se odlišují jen barvou, bez podtržení nebo jiného viditelného označení.
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 poruchou barvocitu nebo se slabozrakostí si nemusí všimnout odkazů na dodací podmínky, tabulku velikostí nebo vrácení zboží a přijdou o potřebné informace.
Koho se to týká
- lidé s poruchou barvocitu
- lidé se slabozrakostí
- starší zákazníci
Jak to opravit
Odkazy v textu podtrhněte nebo jim dejte jiné označení než barvu. Pokud spoléháte jen na barvu, musí mít odkaz vůči okolnímu textu kontrast alespoň 3:1 a viditelně se měnit při najetí myší a při fokusu.
V Shopify
Obvykle jde o nastavení typografie nebo stylů odkazů v šabloně. Zapněte podtržení odkazů v nastavení šablony, pokud je k dispozici, nebo přidejte pravidlo pro podtržení do CSS šablony.
V Shoptet (CZ)
Obvykle jde o styly šablony. Přidejte pravidlo pro podtržení odkazů v obsahu přes možnosti vlastního CSS kódu.
V PrestaShop
Podtržení obvykle odstraňuje CSS motivu. Přidejte pravidlo pro podtržení odkazů v obsahu do vlastního CSS motivu.
V WooCommerce
Obvykle jde o styly šablony nebo blokového editoru, které podtržení odstraňují. Obnovte podtržení odkazů v obsahu přes customizer, globální styly nebo CSS podřízené šablony (child theme).
Normy
| Norma | Bod |
|---|---|
| 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 |
Automatická kontrola: pravidlo axe-core link-in-text-block.
dequeuniversity.com, github.com, www.w3.org
Podobné kontroly
-
Text se špatně čte kvůli nízkému kontrastu
WCAG 1.4.3 AA
-
Vlastní menu nebo seznamy jsou sestavené nesprávně
WCAG 1.3.1 A
-
Název nebo hodnota stojí mimo svůj seznam
WCAG 1.3.1 A
-
Položka seznamu je mimo seznam
WCAG 1.3.1 A