Propósito do link no contexto
O que a norma pede
O texto do link, junto com o contexto ao redor (a frase, o item de lista, o cabeçalho da seção), deixa claro para onde ele leva.
- 2.4.4 (A)
Parecido na NBR 17060
A NBR 17060 trata de aplicativos. Se o seu serviço também tem app, veja o que a Bússola da NBR 17060 diz sobre o mesmo assunto:
Visões por perfil
Escolha um perfil para ver o que o requisito pede de quem ocupa esse papel:
Prefira links cujo texto seja o próprio título do destino. Se o card usar “Saiba mais”, associe o título do card ao link, e evite vários “Clique aqui” na mesma tela.
Cards de programas sociais
Três cards, cada um com um link.
Errado: Links iguais
No protótipo
Três links “Saiba mais”, sem ligação com o título do card.
Fora do card, não se sabe a que cada link leva.
Certo: Link é o título
No protótipo
O título “Bolsa Escola Municipal” é o link do card.
Cada link diz o destino.
Quando o texto visível for genérico, complete o nome acessível com o contexto, com texto oculto visualmente ou aria-labelledby, mantendo o texto visível no começo. Melhor ainda é fazer do título o próprio link.
Link “Saiba mais” no card
Card do programa Bolsa Escola.
Errado: Texto genérico
<h3>Bolsa Escola Municipal</h3> <a href="/bolsa">Saiba mais</a>Na lista de links aparecem vários “Saiba mais”.
Certo: Contexto no nome
<h3 id="t-bolsa">Bolsa Escola Municipal</h3> <a href="/bolsa" id="l-bolsa" aria-labelledby="l-bolsa t-bolsa">Saiba mais</a>O leitor anuncia “Saiba mais Bolsa Escola Municipal”.
Inclua no guia de conteúdo a regra de links descritivos e revise os componentes que geram “Saiba mais” automaticamente. Links genéricos fazem a pessoa abrir páginas erradas e voltar várias vezes.
Página inicial
A página tem 15 links “Saiba mais”.
Errado: Mantido
Situação
Lista de links com 15 “Saiba mais”.
A lista de links fica inútil.
Certo: Corrigido no componente
Situação
Componente de card passa a incluir o título no link.
Cada link é identificável.
Leia cada link junto com o contexto imediato, como a frase ou o título do card. Se ainda assim não der para saber o destino, registre o defeito.
Lista de links
O leitor de tela lista os links da página.
Errado: Links sem contexto
“Saiba mais, link”
“Saiba mais, link”
“Clique aqui, link”
Não se sabe o destino de nenhum.
Certo: Links com destino
“Saiba mais Bolsa Escola Municipal, link”
“Edital de 2025, link”
Cada link diz aonde leva.
Use no link o nome da página ou do documento de destino, com as palavras mais importantes no começo. Evite “clique aqui” e “saiba mais” soltos.
Chamada para a inscrição
O texto convida a pessoa a se inscrever.
Errado: Clique aqui
No texto
“Para se inscrever, [clique aqui].”
O link, sozinho, não diz nada.
Certo: Link descritivo
No texto
“Faça sua [inscrição no programa Bolsa Escola].”
O link diz o destino.