Per saperne di più Link non hanno un testo descrittivo

0

Domanda

Ho una pagina che contiene un elenco di elementi. Ogni elemento contiene un 'saperne di più' link che punta a una pagina diversa. Ma quando ho eseguito il faro strumento di quella pagina, si lamenta che i link non hanno un testo descrittivo. Ora non posso cambiare le Leggi qui il testo.

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

C'è qualche altro modo per risolvere questo problema?

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

Migliore risposta

0

Sì, è possibile utilizzare aria-label al fine di fornire ulteriori testo descrittivo Assistive Tech come un lettore di schermo.

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

Assistive tech leggere il contenuto del aria-label fuori invece di "saperne di Più".

Tenete a mente che il testo dovrebbe essere abbastanza per sapere dove sono i link e non dipendente dal contesto (il testo del link dovrebbe fare in senso proprio), se possibile.

2021-11-12 18:28:11

Ho provato ma non si lamenta ancora e la cosa divertente è che se cambio il testo di Leggere questo, allora va bene come sembra che sono nella lista nera di alcune parole qui citate web.dev/link-testo/
Aditya

Beh, se si utilizza un aria-label con un decente descrizione che si sta certamente facendo correttamente e potrebbe essere lo strumento che le dichiarazioni false. La pagina è accessibile al pubblico, se vuoi condividere un URL ad esso? Sarò felice di avere uno sguardo.
Graham Ritchie

L'alternativa sarebbe visivamente il testo nascosto all'interno di un arco, sono in grado di coprire che, se non è possibile ottenere una soluzione con aria-label. In realtà è una soluzione più efficace, ma è un po ' più di lavoro che è di tutti.
Graham Ritchie

In altre lingue

Questa pagina è in altre lingue

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