Portal do Governo Brasileiro

Curso eMAG / Conteudistas

gov.br eMAG

Início do Conteúdo

Práticas Web acessíveis Links

Muitas pessoas utilizam apenas o mouse para navegar e nem imaginam que é possível navegar através da tecla TAB do teclado pelos elementos ativos de uma página. Isso inclui a navegação de link em link. Quando o usuário chega ao link desejado, basta ativá-lo através da tecla ENTER. Esse tipo de navegação é especialmente importante para pessoas que não conseguem utilizar o mouse, como é o caso de pessoas com problemas motores e de usuários com deficiência visual, que navegam utilizando um leitor de tela. É preciso considerar que, quando um usuário de leitor de tela navega pelos links de uma página, recebe apenas a informação do texto do link e não de todo o seu contexto.

Agora, imagine uma página contendo notícias como as da imagem abaixo:

Notícias de um site com todos os links Leia Mais em destaque

Os links do tipo LEIA MAIS não são suficientemente descritivos fora do contexto. No exemplo acima, o usuário navegando com leitor de tela pela tecla TAB receberia a informação "Leia Mais Link", "Leia Mais Link", mas não saberia que assunto está sendo abordado e poderia se perguntar “Leia mais sobre o quê?”. O ideal é que o próprio título da notícia seja o link, de modo que o usuário não precise navegar por todo o entorno para saber qual a finalidade do link.

Da mesma forma que o "Leia mais" é problemático para navegação com leitor de tela, links do tipo "Clique aqui" e "Saiba mais" também o são, pois não descrevem o seu destino. Assim, este tipo de link deve ser evitado.

Os leitores de tela possuem uma tecla de atalho que permite ao usuário acessar a lista de todos os links da página. É uma maneira fácil e rápida de ter acesso aos links. No entanto, se o texto dos links não for suficientemente descritivo, essa funcionalidade terá pouco valor. No exemplo a seguir podemos ver uma parte da lista de links de uma página. Repare que existem vários links com o título “Edital”. O usuário irá navegar por esses links e irá se perguntar “edital do quê?”. O ideal para tornar esses links acessíveis é lhes fornecer um texto descritivo, como, por exemplo, “Edital do concurso para professor 2011” ou “Edital do Concurso Público 2010”, etc.

Tela do leitor de telas listando os links da página, onde aparece 3 links leia mais em sequencia

Quando o seu conteúdo contiver um link, é preciso que o mesmo seja claro e descritivo o suficiente, mesmo quando lido fora do contexto.

Exemplo de link suficientemente descritivo: Organograma da empresa

Exemplo de link com informações desnecessárias: Clique aqui para acessar o organograma da empresa

Exemplo de link com texto pouco descritivo: Clique aqui para acessar o organograma da empresa

Não há necessidade de colocar no texto do link frases como “clique aqui para...” , “link para...”, etc. Tanto visualmente quanto com o leitor de tela, já fica claro para o usuário que se trata de um link.

Fim do Conteúdo