Links vazios

A Silktide encontra links que não contêm texto algum — nada visível nem uma alternativa de texto. Uma pessoa que utilize um leitor de ecrã ouve apenas «link», sem forma de saber para onde este conduz.

<!-- Vazio: um link de ícone sem alternativa de texto -->
<a href="/search"><svg>...</svg></a>

<!-- Corrigido: o texto alternativo da imagem indica o destino -->
<a href="/"><img src="logo.png" alt="Página inicial da Example Corp"></a>

<!-- Corrigido: um aria-label indica o destino -->
<a href="/search" aria-label="Pesquisar"><svg>...</svg></a>

Por que motivo isto é importante

Os links são a forma como as pessoas navegam no seu site, e nem todas conseguem vê-los. Um anuncia cada link através do seu texto; quando não existe texto, o utilizador ouve apenas «link» e tem de adivinhar ou ignorá-lo. Muitas pessoas cegas também navegam abrindo uma lista de todos os links da página — uma lista de entradas sem nome não tem utilidade.

Os links vazios costumam acontecer por acidente: um ícone substitui o texto, uma imagem perde o seu ou uma tag <a> perdida é deixada por um editor. Os motores de pesquisa também não conseguem determinar para onde aponta um link vazio.

Como corrigir

Se o link deve ter texto visível, adicione-o.
Se o link for uma imagem, dê à imagem um texto alternativo que indique o destino, como alt="Página inicial da Example Corp" para um logótipo que encaminha para a página inicial — não uma descrição da imagem.
Se o link for um ícone, adicione um que indique o destino ou inclua texto oculto visualmente, mas disponível para leitores de ecrã.
Se o link for um elemento remanescente sem conteúdo nem finalidade, elimine-o.

Como a Silktide testa isto

Encontra todos os links em cada página, incluindo áreas de mapas de imagem.
Ignora elementos sem um destino de link funcional.
Lê o texto do link, incluindo o texto alternativo e alternativas de texto como aria-label e title no link, bem como tudo o que este contenha.
Comunica o link se não for encontrado texto algum.

Resolução de problemas

O link parece estar correto na página

Um link pode parecer correto e, ainda assim, estar vazio, porque a sua aparência provém de um ícone ou de uma imagem de fundo — nenhum dos dois lhe atribui um nome. Verifique o subjacente para encontrar uma alternativa de texto.

O significado do ícone é óbvio

Apenas para as pessoas que o conseguem ver. Uma lupa transmite visualmente «pesquisar», mas um leitor de ecrã não consegue descrever imagens que não tenham uma alternativa de texto — o rótulo tem de estar na marcação.