Avançar para o conteúdo
SilktideAjuda

Alto contraste de texto

A Silktide mede a diferença de cor entre o texto das suas páginas e o fundo atrás dele e relata os textos que não atingem o padrão de acessibilidade mais rigoroso para contraste. Isso vai além do mínimo exigido por lei, para que pessoas com deficiências visuais significativas possam ler o seu conteúdo.

Por que isso é importante

O contraste mínimo padrão ajuda a maioria dos leitores, mas pessoas com perda significativa de visão — aproximadamente a visão associada a uma acuidade de 20/80 — precisam de uma diferença maior entre o texto e o fundo. Cumprir o padrão aprimorado torna o seu conteúdo legível para essas pessoas sem que precisem de ampliação ou de outra .

Este é um objetivo de nível das . A maioria das organizações não é obrigada a cumpri-lo, e isso pode não ser viável em todo um site, mas é valioso onde quer que possa ser alcançado — especialmente para conteúdo destinado a públicos mais velhos ou a pessoas com deficiências.

Como corrigir

  1. Escureça o texto ou clareie o fundo (ou faça o inverso em designs escuros) até que o par atinja a proporção exigida. Cada ocorrência mostra as duas cores, a medida e a proporção exigida.
  2. Altere a cor na folha de estilos ou nas configurações do tema do seu site, em vez de fazê-lo em páginas individuais, para que a correção se aplique a todos os lugares em que esse estilo é usado.
  3. Se cumprir o padrão AAA não for viável para o seu design, você pode as ocorrências, desde que ainda cumpra o mínimo AA testado por Contraste de texto.

Como a Silktide faz a verificação

  1. Examine cada trecho de texto visível na página, ignorando textos ocultos, textos dentro de gráficos SVG e quaisquer elementos que você tenha excluído da verificação.
  2. Determine a cor efetiva do texto e do fundo, levando em conta a transparência e os elementos pai. Somente textos sobre uma cor de fundo sólida são medidos; textos sobre imagens ou gradientes não podem ser medidos automaticamente.
  3. Calcule a proporção de contraste entre as duas cores.
  4. Relate os textos abaixo do mínimo aprimorado: 7:1 para texto normal ou 4,5:1 para texto grande. O texto é considerado grande quando tem pelo menos 18 pontos (24 pixels) ou pelo menos 14 pontos (aproximadamente 19 pixels) com peso negrito (600 ou superior).

Solução de problemas

Esta é a versão AAA de duas verificações relacionadas

Esta verificação testa o critério de sucesso 1.4.6 das WCAG (nível AAA). A versão de nível AA, muito mais frequentemente exigida, do critério de sucesso 1.4.3 é testada por Contraste de texto, com limites inferiores (4,5:1 e 3:1).

Procure passar primeiro na verificação AA em todo o site. As duas verificações compartilham suas decisões: aprovar ou ignorar uma ocorrência em uma delas aplica-se à mesma ocorrência na outra.

Muitas ocorrências em todo o site

Não atingir 7:1 é comum — muitas paletas de cores populares não chegam a esse valor. Corrija primeiro o conteúdo mais acessado (navegação e texto corrido em páginas importantes) e trate o restante como uma decisão do sistema de design, em vez de fazer alterações página a página.

Saiba mais

Última atualização

Esta página foi útil?