Leer más Enlaces no tienen texto descriptivo

0

Pregunta

Tengo una página que contiene una lista de elementos. Cada elemento contiene un 'Leer más' enlace que apunta a una página diferente. Pero cuando voy a ejecutar el faro de la herramienta en esa página, se queja de que los enlaces no tienen un texto descriptivo. Ahora no puedo cambiar el Leer más el texto aquí.

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

¿Hay alguna otra manera de resolver esto?

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

Mejor respuesta

0

Sí, usted puede utilizar aria-label con el fin de proporcionar texto más descriptivo de apoyo de Tecnología, tales como un lector de pantalla.

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

Asistencia de tecnología se lea el contenido de la aria-label fuera, en lugar de "Leer Más".

Tenga en cuenta que el texto que introduzca debe ser suficiente para saber a donde lleva el enlace y no dependientes del contexto (el texto del enlace debe tener sentido en sí misma), si es posible.

2021-11-12 18:28:11

He intentado eso, pero todavía se queja y lo curioso es que si puedo cambiar el texto a Leer esto está bien como parece que le están listas negras de algunas palabras que se mencionan aquí en la web.dev/link-text/
Aditya

Bueno, si usted está utilizando una aria-label con una buena descripción ciertamente están haciendo correctamente y puede ser la herramienta de la declaración. Es la página de acceso público, si es que quieres compartir una dirección URL? Yo felizmente le eche un vistazo.
Graham Ritchie

La alternativa sería visualmente el texto oculto dentro de un lapso de tiempo, puedo cubrir, si usted no puede obtener una solución con aria-label. En realidad, es una solución más robusta, pero es un poco más de trabajo que es de todos.
Graham Ritchie

En otros idiomas

Esta página está en otros idiomas

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