Texto de link que faz sentido fora de contexto
Abandone “clique aqui” para que os links sejam compreensíveis por si só.
Texto de link que faz sentido fora de contexto é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Web Accessibility Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Web Accessibility Academy inclui 4 aulas no total.
Links fora de contexto
Usuários de leitores de tela frequentemente abrem uma lista de todos os links da página. Cada um precisa fazer sentido por si só, sem depender da frase ao redor.
A armadilha do “clique aqui”
Imagine uma lista com dez links que dizem apenas clique aqui. Fora de contexto, eles são inúteis, pois nada os diferencia. 😕
<a href="/report">click here</a>Descreva o destino
Um bom texto de link identifica para onde você está indo. Use o título da página ou do documento para que o link seja claro por si só.
<a href="/report">Read the 2025 report</a>“Leia mais” é fraco
Expressões como leia mais e saiba mais se repetem pela página e não informam a ninguém para onde realmente levam.
Coloque o significado no início
Coloque as palavras mais úteis no início do link. Assim, usuários que percorrem os links pela primeira letra encontram o correto mais rapidamente.
Evite a URL isolada
Uma URL bruta como texto de link soa, quando lida em voz alta, como uma longa sequência de letras e barras. Em vez disso, use palavras que identifiquem o destino.
Mantenha consistentes os links equivalentes
Se dois links levam ao mesmo lugar, dê a eles o mesmo texto. Usar palavras diferentes para um único destino apenas confunde as pessoas.
Quando você realmente precisa de mais
Se o texto visível curto precisar ser mantido, aria-label poderá fornecer ao link um nome acessível mais completo, anunciado pelos leitores de tela.
<a href="/report" aria-label="Read the 2025 report">Read more</a>Combine o texto visível e o falado
Ao adicionar um rótulo, mantenha as palavras visíveis dentro do nome acessível para que usuários de controle por voz ainda possam dizer o que veem.
Atenção aos links somente com ícones
Um link que seja apenas um ícone não tem texto para ser lido. Dê a ele um rótulo visível ou um nome acessível; nunca o deixe sem nada.
Evite as palavras “link”
Geralmente, você não precisa incluir a palavra link no texto. O leitor de tela já anuncia a função, portanto ela seria dita duas vezes.
Verificação rápida
Por que um texto de link como clique aqui é um problema para usuários de leitores de tela?
Recapitulação
Escreva um texto de link que faça sentido por si só e identifique seu destino. Elimine “clique aqui” para que todo link seja autoexplicativo. ✨
Perguntas Frequentes
A aula “Texto de link que faz sentido fora de contexto” é grátis?
Sim — o texto completo de “Texto de link que faz sentido fora de contexto” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Web Accessibility Academy, atualize para CoddyKit PRO. O curso de Web Accessibility Academy inclui 4 aulas no total.
O que vou aprender em “Texto de link que faz sentido fora de contexto”?
Abandone “clique aqui” para que os links sejam compreensíveis por si só. Você pratica Web Accessibility Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Web Accessibility Academy?
Nenhuma experiência prévia é necessária. Web Accessibility Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.
Quanto tempo leva a aula “Texto de link que faz sentido fora de contexto”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Web Accessibility Academy?
Sim. Cada aula de Web Accessibility Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Links levam a lugares, botões fazem coisas
- Texto de link que faz sentido fora de contexto
- Botões que anunciam o que fazem
- O antipadrão da âncora sem href