Eu tenho uma página que contém uma lista de itens. Cada item contém uma 'Leia mais' link que aponta para uma página diferente. Mas quando eu executo o farol ferramenta na página, ele queixa-se de que as ligações não têm um texto descritivo. Agora, não é possível alterar a Leitura de texto mais aqui.
<a href="link 1">Read more</a>
<a href="link 2">Read more</a>
<a href="link 3">Read more</a>
Existe alguma outra maneira de resolver isto?
Sim, você pode usar aria-label a fim de proporcionar mais um texto descritivo para Tecnologia Assistiva, tais como um leitor de ecrã.
<a href="link 1" aria-label="some more descriptive text that explains the link">Read more</a>
Tecnologia assistiva irá ler o conteúdo do aria-label em vez de "Leia Mais".
Tenha em mente que o texto que você inserir deve ser o suficiente para saber para onde o link irá levá-lo e não dependente do contexto (o link de texto deveria fazer sentido em sua própria), se possível.
aria-label com uma boa descrição certamente você está fazendo isso corretamente e pode ser a ferramenta misreporting. É a página de acesso público, se é que você deseja compartilhar uma URL para ele? Eu ficaria feliz em ter um olhar. aria-label. Na verdade, é uma solução mais robusta, mas é um pouco mais de trabalho que é de todos.