Vamos dar uma olhada nos benefícios de escrever bons textos de link no contexto da acessibilidade e alguns exemplos de bons textos de link. O primeiro benefício visível de um bom texto de link é que ele facilita para todos encontrar informações rapidamente. Links descritivos ajudam os usuários a saber para onde estão indo e o que irão acessar. Isso garante que o usuário não se sinta perdido e melhora a experiência geral do usuário. Para quem usa leitores de tela, um texto de link claro e descritivo é essencial. Leitores de tela leem o texto do link em voz alta, então um texto como "Read our accessibility guide" é muito melhor do que "Click here." Tornar o texto do link claro e descritivo não é benéfico apenas para quem tem deficiência visual. Links descritivos também ajudam pessoas com deficiências cognitivas ao fornecer um contexto claro. Aqui estão algumas melhores práticas para ter em mente ao escrever textos de links:

• Certifique-se de que os links sejam visualmente distintos usando sublinhado e outros sinais visuais, para que os usuários possam identificá-los e navegá-los facilmente.
• Evite textos genéricos de links como "here", "click here" e "more-info" pois eles não fornecem nenhuma informação útil.
• Use textos de link concisos e descritivos, idealmente entre 2-5 palavras, que transmitam o propósito do link.
• Evite jargões e abreviações que os usuários possam não entender.
• Foque no destino, não na ação. Por exemplo, "user behavior results", em vez de "click here to read more".
• Não repita o mesmo texto de link para destinos diferentes.
• Coloque os links de forma que façam sentido dentro do texto ao redor. Por exemplo, "para mais detalhes, visite nossa página de eventos" em vez de "Clique aqui para mais".

Aqui estão alguns exemplos de bons textos de link para casos de uso específicos, comparados a outros menos úteis. Vamos supor que você queira criar um link para uma página que forneça detalhes sobre um evento assim:

<a href="webinar-details-link">Details</a>

Details é vago e não fornece informações específicas sobre o que o usuário encontrará se clicar no link. Sem contexto adicional, os usuários podem não saber se o link leva a detalhes sobre um webinar, um produto, uma política ou outra coisa. Agora, aqui está um exemplo de um bom texto de link:

<a href="webinar-details-link">
  Get details about our upcoming webinar
</a>

Este texto do link fornece aos usuários contexto sobre o conteúdo que eles encontrarão, facilitando a decisão de clicar nele. Ele reduz a ambiguidade ao especificar que o link está relacionado a um webinar. Aqui está outro exemplo vinculando a um post em um blog:

<a href="/blog-post-link">Read more</a>

O texto do link Read more não é ideal em termos de acessibilidade porque falta contexto. Aqui está um exemplo melhor de texto de link:

<a href="/blog-post-link">
   Read our latest blog post on web accessibility
</a>

Este texto de link atualizado oferece aos usuários uma ideia mais clara do que esperar e por que eles podem querer clicar no link, o que é particularmente importante para quem usa leitores de tela. Vamos dar uma olhada em mais um exemplo. Vamos supor que você queira fornecer mais informações sobre um determinado tópico:

<a href="/link-to-topic">More info</a>

More info também é vago e pode ser problemático para acessibilidade. Ele não fornece detalhes específicos sobre o destino do link, o que pode ser confuso para usuários que dependem de leitores de tela ou para aqueles que possam estar navegando no site de forma não linear. Aqui está um exemplo melhor para o texto do link:

<a href="/link-to-topic">
   Learn more about our accessibility efforts
</a>

Este texto de link atualizado é melhor porque descreve claramente o que o usuário encontrará se clicar no link. Os usuários podem entender imediatamente que o link leva a informações sobre seus esforços de acessibilidade.