Acessibilidade

Por que os links "clique aqui" e "saiba mais" são um problema de acessibilidade

Utilizadores de leitores de ecrã costumam navegar pelos links completamente fora de ordem — texto de link vago torna isso impossível.

O que é

O texto do link é o conjunto de palavras clicáveis de um link — em "Clica aqui para veres os nossos preços", as palavras "clica aqui" são o texto do link, mesmo que "preços" seja a palavra que realmente carrega o significado na frase. Esta verificação procura links com texto vago e genérico como "clique aqui", "saiba mais" ou "link", em vez de texto descritivo que indique para onde o link realmente leva.

Muitos leitores de ecrã incluem uma funcionalidade que permite ao utilizador abrir uma lista com todos os links de uma página, completamente fora do contexto da frase, especificamente para navegar rapidamente pela página — e é exatamente nessa situação que o texto de link genérico deixa de funcionar.

Por que importa

Quando um utilizador de leitor de ecrã abre essa lista de links fora de contexto, uma página cheia de links que dizem todos "clique aqui" ou "saiba mais" não lhe dá forma de distinguir um destino de outro — ficam apenas com uma lista de entradas idênticas e sem significado, em vez de uma forma genuinamente útil de navegar pelo conteúdo da página. Mesmo sem usar essa funcionalidade específica, ouvir um link anunciado apenas como "clique aqui" a meio de uma frase não dá qualquer indicação prévia de para onde leva antes de decidir segui-lo.

Esta é uma correção puramente de texto, sem necessidade de código — ao contrário de muitos problemas de acessibilidade, não exige nenhuma alteração técnica, apenas escolher outras palavras para o mesmo link.

Como corrigir

  1. Procura no conteúdo da tua página por expressões de link genéricas como "clique aqui", "saiba mais", "ler mais" ou "link" usadas como todo o texto clicável.
  2. Reescreve cada uma para que o próprio texto do link descreva o destino — por exemplo, "Ver os nossos planos de preços" em vez de "clique aqui para ver os preços".
  3. Para um link "ler mais" a seguir a um resumo de artigo, considera usar o próprio título do artigo como texto clicável, em vez de uma frase genérica separada.
  4. Para links só com ícone (como ícones de redes sociais), associa um aria-label que descreva o destino, tal como na correção para botões só com ícone.
  5. Testa com a funcionalidade de lista de links de um leitor de ecrã gratuito (disponível no NVDA e no VoiceOver) para confirmar que cada link agora se lê como algo distinto e claro por si só.

Veja se o seu próprio site tem este problema

O Launch Readiness analisa o seu site em busca deste e de mais ~50 problemas antes do lançamento, em segundos — grátis, sem registo.

Fazer uma análise grátis