Přejít na obsah
Pandus

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

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

Všechna pravidla, která kontrolujeme