Prečítajte si viac Odkazov nemajú popisný text

0

Otázka

Mám stránka, ktorá obsahuje zoznam položiek. Každá položka obsahuje "Prečítajte si viac" odkaz, ktorý poukazuje na inú stránku. Ale keď som spustiť maják nástroj na tejto stránke sa vypíše st 'ažnost', že odkazy nemajú popisný text. Teraz som sa nemôže zmeniť, Prečítajte si viac textu tu.

<a href="link 1">Read more</a>
<a href="link 2">Read more</a>
<a href="link 3">Read more</a>

Existuje nejaký iný spôsob, ako vyriešiť tento problém?

anchor html hyperlink lighthouse
2021-11-12 18:21:11
1

Najlepšiu odpoveď

0

Áno, môžete použiť aria-label s cieľom poskytnúť viac opisný text na Pomocné Tech ako je napríklad čítačka obrazovky.

<a href="link 1" aria-label="some more descriptive text that explains the link">Read more</a>

Pomocné tech bude čítať obsah aria-label miesto "Prečítajte si Viac".

Majte na pamäti, že text, ktorý môžete zadať by malo byť dosť, aby vedeli, kde na odkaz vás a nie kontexte závislé (text odkazu by malo zmysel na jeho vlastné) ak je to možné.

2021-11-12 18:28:11

Snažil som sa, že to ale stále sa sťažuje, a legrační vec je, že keď som zmena textu, aby si to potom je to v poriadku, ako sa to zdá, že sú čierne zoznamy niektoré slová, ktoré sú tu uvedené webe.dev/link-text/
Aditya

Dobre, ak používate aria-label s slušné description ste určite robiť to správne a môže to byť nástroj misreporting. Je na stránke verejne prístupné, ak sa chcete zdieľať URL na to? Ja vám s radosťou mať vzhľad.
Graham Ritchie

Alternatívou by bolo vizuálne skryté text vo vnútri rozpätie, môžem kryt, že ak sa nemôžete dostať riešenie s aria-label. To je vlastne viac robustné riešenie, ale je to trochu viac práce, to je všetko.
Graham Ritchie

V iných jazykoch

Táto stránka je v iných jazykoch

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................