Contraste dos links

A Silktide encontra links dentro do seu texto que se distinguem das palavras à sua volta apenas pela cor, com uma diferença de cor insuficiente para que pessoas com deficiência na visão das cores os identifiquem. Os links precisam ser reconhecíveis como links, caso contrário os leitores não poderão utilizá-los.

Por que isso é importante

Cerca de 1 em cada 12 homens e 1 em cada 200 mulheres têm uma deficiência na visão das cores. Se a única coisa que indica um link for uma mudança subtil de cor, essas pessoas verão texto normal e nunca saberão que o link existe. Isso significa navegação perdida, chamadas para ação perdidas e uma falha de nível A da — este é um dos requisitos mais básicos de acessibilidade.

Como corrigir

Há duas formas de tornar um link em linha compatível:

Distingui-lo por mais do que apenas pela cor — a solução mais simples é um sublinhado, que é o que a maioria dos leitores espera que os links tenham. Uma borda, um fundo ou uma espessura de fonte visivelmente maior também funcionam.

/* Links que dependem apenas da cor */
a { color: #4a6da7; text-decoration: none; }

/* Corrigido: o sublinhado torna o link visível para todos */
a { color: #4a6da7; text-decoration: underline; }

Usar uma cor bastante diferente, juntamente com um estado de foco e de passagem do cursor visíveis — a cor do link deve ter uma de pelo menos 3:1 com o texto à sua volta, e o link deve mudar visivelmente (por exemplo, ganhar um sublinhado) quando o cursor do rato passar sobre ele e quando receber .

Como a Silktide faz esta verificação

Encontra links visíveis inseridos num trecho de texto, com palavras diretamente antes ou depois deles. Links autónomos, como itens de menu e botões, não são testados por esta verificação.
Ignora links cuja cor, a cor do texto à sua volta ou a cor do fundo não possam ser determinadas de forma fiável.
Considera aprovados os links que se distinguem visualmente sem depender da cor: sublinhados, com borda, com fundo ou com uma espessura de fonte pelo menos 200 unidades maior do que a do texto à sua volta.
Caso contrário, mede a relação de contraste entre a cor do link e a cor do texto à sua volta e verifica como o link muda ao receber foco e quando o cursor passa sobre ele. Denuncia o link, a menos que a relação seja de pelo menos 3:1 e o estado de foco ou de passagem do cursor seja visivelmente diferente.

Resolução de problemas

Os meus links mudam quando passo o cursor sobre eles. Por que são sinalizados?

Uma mudança ao passar o cursor, por si só, não é suficiente — o link também precisa de ter um contraste de cor de pelo menos 3:1 com o texto à sua volta. Além disso, mesmo em conjunto, esta abordagem só ajuda as pessoas que conseguem perceber suficientemente bem a diferença de cor para tentar passar o cursor sobre o link. Um sublinhado continua a ser a solução mais fiável.

Os links em menus e botões não são sinalizados

Correto — esta verificação aplica-se apenas a links rodeados por outro texto, onde o leitor precisa de distinguir o link das palavras à sua volta. Os links autónomos são visualmente identificáveis pela sua posição e pelo seu estilo.