Contraste

Como determinar se os links têm contraste suficiente?

Como determinar se os links têm contraste suficiente?
  1. O que é uma boa taxa de contraste para um site?
  2. Como você mede o contraste?
  3. O que é uma taxa de contraste aceitável?
  4. O que é uma boa pontuação de contraste de cores?

O que é uma boa taxa de contraste para um site?

O WCAG recomenda uma taxa de contraste de 7: 1 para usuários com perda de visão, equivalente a 20/80 Vision, mas 3: 1 para texto grande, já que impressão grande com traços mais amplos é muito mais fácil de ler em baixo contraste. Isso oferece aos proprietários de sites mais opções de cores para grande colocação de texto, como títulos e cabeçalhos.

Como você mede o contraste?

O contraste é calculado usando "luminância relativa", que é definida como: o brilho relativo de qualquer ponto em um espaço de cores, normalizado para 0 para preto mais escuro e 1 para o branco mais claro. A luminância relativa pode ser calculada a partir de qualquer código de cores (como hexadecimal ou rgb).

O que é uma taxa de contraste aceitável?

Orientação para taxas de contraste de cores

Sempre que usar cores nas imagens, verifique se as cores têm uma taxa de contraste de pelo menos 4.5: 1. Isso garante que o texto ainda seja legível para aqueles que podem ter daltonismo.

O que é uma boa pontuação de contraste de cores?

Em relação às cores, o padrão define dois níveis de taxa de contraste: AA (contraste mínimo) e AAA (contraste aprimorado). O nível AA requer uma taxa de contraste de pelo menos 4.5: 1 para texto normal e 3: 1 para texto grande (pelo menos 18pt) ou texto em negrito.

Com Como uma guia de usuário pode através do conteúdo com a tecla Tab se não houver links ou botões?
Como uma guia de usuário pode através do conteúdo com a tecla Tab se não houver links ou botões?
Como faço para navegar com a tecla de guia?O que acontece quando a tecla de guia é pressionada?A tecla de guia é uma chave de controle?Como faço para...
Esconder e mostrar itens de menu em um aplicativo com base no estado
Como esconder e mostrar itens de menu no Android?Como ocultar a barra de menus no Android Studio? Como esconder e mostrar itens de menu no Android?S...
As mensagens de erro de validação de forma embutida devem ser específicas ou inespecíficas nas telas de login?
O que é mensagem de erro embutida?O que é uma vantagem do manuseio de erros em linha? O que é mensagem de erro embutida?Erros em linha são mensagens...