Links adjacentes

A Silktide encontra pares de links que estão imediatamente um ao lado do outro e apontam para o mesmo destino. Essas duplicações quase sempre devem ser combinadas num único link.

O padrão mais comum é um link de imagem seguido por um link de texto para a mesma página:

<!-- Problema: dois links separados para o mesmo destino -->
<a href="news.html">
    <img src="photo.jpg" alt="">
</a>
<a href="news.html">
    Notícias
</a>

<!-- Corrigido: um único link combinado -->
<a href="news.html">
    <img src="photo.jpg" alt="">
    Notícias
</a>

Por que isso é importante

Muitas pessoas percorrem uma página sequencialmente: uma pessoa que utiliza o teclado passa por cada link sucessivamente, e uma pessoa que utiliza um ouve cada link ser anunciado. Links adjacentes duplicados tornam esse trabalho duas vezes maior sem qualquer benefício: o mesmo destino é anunciado duas vezes, as listas de links ficam cheias de repetições e um link de imagem com vazio ao lado do seu equivalente de texto pode ser anunciado sem qualquer nome, o que causa confusão.

Combinar o par num único link dá a todos um destino único e claramente identificado, além de simplificar o seu .

Como corrigir

Mova a imagem e o texto para dentro de um único elemento <a>, como no exemplo acima.
Dê à imagem dentro do link combinado um alt="" vazio, pois o texto ao lado já identifica o destino — consulte Texto alternativo duplicado.
Se o seu ou tema gerar os links duplicados (algo comum em listas de notícias e esquemas de cartões), corrija o modelo uma vez para resolver todas as ocorrências.

Como a Silktide testa isto

Encontra todos os links em cada página.
Ignora links que apontam para #, que quase sempre são marcadores de posição para , e links que não podem receber , que não são expostos como links à .
Para cada link, verifica o que vem imediatamente a seguir. Se qualquer coisa além de espaços em branco separar os dois links, eles não são adjacentes e não são reportados.
Reporta o par quando o link seguinte resolve para o mesmo URL absoluto.

Resolução de problemas

Os dois links fazem coisas diferentes

Links que partilham um URL, mas executam JavaScript diferente, não são reportados quando a diferença é visível nos seus atributos onclick. Se um par se comportar de forma diferente de uma maneira que a Silktide não consegue detetar, pode a ocorrência — mas considere se essa distinção é igualmente invisível para os seus visitantes.

Os links não estão próximos visualmente

A adjacência é medida no código da página, não no ecrã. Dois links podem parecer muito afastados depois da aplicação de estilos e, ainda assim, ser adjacentes no HTML — e a tecnologia assistiva lê a ordem do HTML, portanto a duplicação é real para essas pessoas.