Skip to main content
Acessibilidade Axe Core 4.10

Os links devem ser distinguíveis sem depender da cor

Sobre esta regra de acessibilidade

Certifica-se de que pessoas que não conseguem diferenciar cores podem identificar quando o texto é um link, verificando se o link tem um estilo distinto que não depende da cor ou uma diferença de contraste superior a 3:1, o que indica que é necessário teste manual.

Algumas pessoas com baixa visão têm baixo contraste, o que significa que não há muitas áreas claras ou escuras. Tudo parece ter aproximadamente o mesmo brilho, o que torna difícil ver detalhes, bordas, contornos e limites. Pode ser difícil ler texto que tem o mesmo brilho que o fundo.

Existem quase três vezes mais pessoas com baixa visão do que pessoas totalmente cegas. Uma em cada doze pessoas, ou cerca de 8% dos homens e 0,4% das mulheres nos EUA, tem uma deficiência de cor. Pessoas com baixa visão ou daltonismo não conseguem distinguir o texto contra um fundo que não tem contraste suficiente.

Quando não há um contraste de cor de 3:1 entre a cor do texto do link e a cor do texto ao redor, pessoas com baixa visão ou baixo contraste não conseguem identificar visualmente que o texto pretende ser um link.

O que esta regra de acessibilidade verifica

Verifica se todos os links em blocos de texto têm uma diferença de cor de pelo menos 3:1 do texto ao redor, para que pessoas que não conseguem distinguir as cores ainda possam encontrar o link.

Esta regra analisa algumas das formas mais comuns de distinguir um link do texto ao redor, como sublinhado, estilo de fonte, uma borda ou um fundo. Nenhuma regra foi violada se o link tem o seu próprio estilo que não depende da cor (aprovado). Há uma violação se o link não tem um estilo claro e o contraste é inferior a 3:1 (reprovado). Quando o link não tem um estilo distinto e a diferença de contraste é 3:1 ou superior, você deve verificar se o link tem um estilo distinto quando você foca nele ou passa o rato por cima. Isto não pode ser feito de forma confiável por um computador, por isso tem de ser feito manualmente.

Ajude-nos a melhorar os nossos guias

Este guia foi útil?

Detecte problemas de acessibilidade automaticamente

O Rocket Validator examina milhares de páginas com Axe Core e o W3C Validator, encontrando problemas de acessibilidade em todo o seu site.

Pronto para validar os seus sites?
Comece o seu teste gratuito hoje.