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.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
Links Out of Context
Screen reader users often pull up a list of every link on a page. Each one must make sense on its own, with no surrounding sentence.
The Click Here Trap
Imagine a list of ten links that all just say click here. Out of context they are useless, because nothing tells them apart. 😕
<a href="/report">click here</a>Describe the Destination
Good link text names where you are going. Use the page or document title so the link reads clearly all by itself.
<a href="/report">Read the 2025 report</a>Read More Is Weak
Phrases like read more and learn more repeat across a page and tell no one what they actually lead to.
Front-Load the Meaning
Put the most useful words at the start of the link. Users scanning by first letter find the right one faster that way.
Avoid the Bare URL
A raw URL as link text reads as a long string of letters and slashes aloud. Use human words that name the destination instead.
Keep Matching Links Consistent
If two links go to the same place, give them the same text. Different wording for one destination just confuses people.
When You Truly Need More
If short visible text must stay, aria-label can give the link a fuller accessible name that screen readers announce.
<a href="/report" aria-label="Read the 2025 report">Read more</a>Match Visible and Spoken
When you add a label, keep the visible words inside the accessible name so voice-control users can still say what they see.
Mind Icon-Only Links
A link that is just an icon has no text to read. Give it a visible label or an accessible name, never nothing.
Skip Here Words
You usually do not need the word link in your text. The screen reader already announces the role, so it would be said twice.
Quick Check
Why is link text like click here a problem for screen reader users?
Recap
Write link text that stands alone and names its destination. Drop click here, and every link becomes self-explanatory. ✨
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