WCAG 2.4.4, 4.1.2 · úroveň A

Odkazy musí mít rozpoznatelný text

Některé odkazy nemají text, který by čtečka obrazovky mohla oznámit; často jde o odkazy tvořené jen ikonou, například ikony sociálních sítí nebo ikona košíku.

Co toto pravidlo kontroluje

Ověřuje, že odkazy mají rozpoznatelný text.

Proč na tom záleží

WCAG 2.4.4 a 4.1.2 vyžadují, aby odkazy měly přístupný název, který popisuje jejich účel.

Jak to opravit

  1. Najděte odkazy bez názvu. Většinou jde o ikony nebo obrázky uvnitř značky <a>.
  2. Do odkazu přidejte vizuálně skrytý text nebo aria-label, například aria-label="Instagram" nebo aria-label="Cart".
  3. Pokud odkaz obsahuje obrázek, dejte místo toho obrázku smysluplný alternativní text.

Jak opravu ověřit

  • Spusťte sken znovu a ověřte, že link-name už mezi chybami není.
  • Se zapnutou čtečkou obrazovky přejděte klávesou Tab na každý odkaz a poslechněte si jeho název.

Jak to FixReports zjišťuje

Náš sken spouští pravidlo axe-core link-name ve skutečném prohlížeči Chrome na každé testované stránce a hlásí každý chybný prvek spolu se stránkou, jeho kódem a tam, kde to dává smysl, i snímkem obrazovky.

Automatický test potvrzuje, že tento konkrétní problém existuje. Nedokáže posoudit, zda je zbytek stránky přístupný: některé bariéry se ukážou, až když stránku zkontroluje člověk.

Otestujte svůj web ještě dnes

Najít. Opravit. Ověřit.

O jaký typ webu jde?

Vaše odpověď určí správné kontroly, například nákupní cestu u e-shopů. Přesto ověříme vlastní znaky webu a ukážeme obojí.

O jaký typ webu jde?

Sken zdarma. Bez platební karty.