O que é O Localizador de contraste?

contraste-Finder é uma ferramenta que calcula o contraste entre duas cores (fundo, primeiro plano) e verifica se o contraste é válido. Quando o contraste não é válido, o alvo principal é sugerir alguns contrastes de cores corretas.

Contrast-Finder é projetado para ser usado por webdesigners, desenvolvedores web ou profissionais de acessibilidade web para melhorar a legibilidade de páginas HTML e sites.

Help / How to use this tool?,

a interface de contraste é um formulário com cinco campos obrigatórios.

• Text color
• Background color
• Minimum ratio
• Color to edit
• Gimme

Text color/Foreground

esta é a cor do texto. Você pode preencher este campo com a palavra-chave de cores, um valor hexadecimal, ou um valor RGB. O valor de entrada é então visualizado à direita do campo.

Cor de palavra-chave

Exemplo: Black Silver YellowGreen MediumPurple., os valores autorizados são os indicados nas palavras-chave de cores CSS (do nível 1 do CSS ao nível 4 do CSS).

Cor com valores hexadecimais

Exemplo: #AABBCC. Por favor, note que #ABC funciona também, nós automaticamente preencher o campo com #AABBCC. Você também pode usar este campo sem o # personagem, então FFF ou FFFFFF funciona perfeitamente.

Cor com valores RGB

Exemplo: rgb(255,255,255).,
Você também pode usar uma sintaxe curta como 255,255,255, que pode ser interpretada comorgb(255,255,255).

cor de fundo

Esta é a cor do fundo. este campo funciona como o campo de cor do texto.

razão mínima

três valores possíveis 3, 4.5 e 7. como escolher uma relação? Depende dos seguintes elementos:

• nível de acessibilidade desejado: AA ou AAA.
• Tamanho do texto.
• o texto está a negrito ou não?,

Nível AA

Dois elementos (tamanho e negrito) fornece quatro combinações:

Nível AAA

Para o nível AAA a lógica é a mesma, apenas a proporção aumenta na seguinte forma:

• 4.5 relação torna-se 7
• 3 relação se torna 4.5

tamanho do Texto a compreensão

• 19px critérios pode ser entendido como equivalente de 14pt ou 120% ou 1.2em.,
• 24px critérios pode ser entendido como equivalente de 18pt ou 150% ou 1.5em.

para uma compreensão completa e exaustiva de como interpretar o tamanho do texto, deve-se ler a definição de texto em grande escala a partir do WCAG.

todos os detalhes sobre a razão de contraste

cor para editar

é o texto ou cor de fundo. Por omissão é a cor do texto.

A cor que escolher será modificada até encontrarmos uma cor válida. A outra cor não muda.,

Gimme/the algorithms

“Valid colors and very close to initial color”

This is the default algorithm. Ele oferece opções de cores muito perto da cor inicial. (A distância de cor é calculada em uma base matemática, que pode variar de um ponto de vista designer.)

para algumas combinações de cores, o algoritmo pode não dar nenhum resultado ; nesse caso, use o outro algoritmo.

“a range of valid colors”

This is the backup algorithm, in case the first one gives no result. No entanto, as opções de cores podem ser (fortemente) diferentes da cor inicial.,

Feedback do Usuário

Se você tiver quaisquer problemas ou perguntas sobre o Contraste-Finder, por favor, contacte-nos:

• Asqatasun fórum
• Twitter @Contrast_Finder
• Contraste-Finder no Github

Contribuir para Contraste-Finder