Contexto
Links orientam a navegação para outra página, seção, documento ou recurso. As pessoas podem encontrá-los por varredura visual, teclado ou lista de links do leitor de tela. Quando vários controles dizem apenas clique aqui, saiba mais ou leia mais, o destino deixa de ser claro fora da frase ou do card que o rodeia.
Esta regra trata da redação do texto do link. A escolha entre link e botão, a abertura em nova aba, o foco e o contraste continuam nos padrões específicos correspondentes.
Escreva o texto do link para informar o destino ou propósito sem depender da expressão “clique aqui”. Nomeie a página, seção, arquivo ou recurso, usando textos como Consultar os critérios WCAG 2.2 ou Baixar relatório de acessibilidade (PDF).
Coloque as palavras informativas no próprio link, em vez de transformar aqui ou leia mais no único texto clicável. Diferencie links próximos que levam a destinos diferentes, como Ver política de privacidade e Consultar termos de uso.
Use o mesmo texto para o mesmo destino quando os links tiverem a mesma função. Se o contexto for indispensável, mantenha-o na mesma frase, parágrafo, item de lista ou célula do link e associe-o programaticamente.
Informe o tipo de recurso ou a mudança relevante, como Baixar contrato (PDF, 2 MB) ou Abrir documentação em nova aba. Use sentence case e mantenha o texto curto, específico e coerente com o título da página de destino.
Use um link nativo com <a href> para navegação. A escolha entre link e botão está detalhada no padrão relacionado.
Porque isso importa?
O Critério 2.4.4 da WCAG 2.2, nível A, exige que o propósito do link possa ser determinado pelo texto ou pelo contexto programaticamente associado. Isso permite decidir se vale a pena seguir o destino sem ativar o link primeiro.
Leitores de tela podem apresentar uma lista de links separada do restante do texto. Nessa situação, clique aqui, leia mais e vários saiba mais não ajudam a comparar destinos. O mesmo problema aparece para quem escaneia visualmente uma página e procura rapidamente um recurso.
Em um benchmark de 33 sites de e-commerce, o Baymard Institute relatou problemas de descrição insuficiente do destino em 67% dos sites avaliados. Esse número descreve aquela amostra e aquele setor; não é uma taxa universal, mas mostra que o problema é recorrente em interfaces reais.
Um texto descritivo não precisa ser uma frase longa. Consultar o manual de acessibilidade costuma orientar melhor do que clique aqui para consultar o manual de acessibilidade.
Quando usar?
- Em listas de recursos, artigos, documentos ou resultados de busca.
- Em cards que repetem a mesma ação para conteúdos diferentes.
- Em links de download, quando formato, tamanho ou destino influenciam a decisão.
- Em links que levam a outra seção, serviço, domínio ou contexto.
- Quando a pessoa pode navegar pela página apenas com teclado ou lista de links.
- Quando o link precisa continuar compreensível fora do parágrafo ou componente visual.
Quando evitar?
- Evite
clique aqui,aquieeste linkcomo único texto do link. - Evite repetir
leia mais,saiba maisouver detalhespara destinos diferentes. - Evite colocar no link um parágrafo inteiro ou uma frase que poderia ser reduzida.
- Evite depender apenas da posição, da cor, do ícone ou da imagem ao lado.
- Evite usar a URL longa como rótulo, salvo quando a própria URL for a informação que a pessoa precisa conferir.
- Evite usar
link para; o leitor de tela já anuncia que se trata de um link.
Recomendações
Faça
- Nomeie o destino.
- Use palavras informativas.
- Diferencie links repetidos.
- Informe downloads e mudanças.
- Mantenha o texto curto.
- Teste a lista de links.
Evite
- Usar
clique aqui. - Usar
aqui. - Repetir
saiba mais. - Esconder o destino.
- Depender só de cor.
- Escrever frases longas.
