G145: Garantir uma relação de contraste de, no mínimo, 3

O objectivo desta técnica é garantir que os utilizadores possam ler texto apresentado sobre um plano de fundo. Esta técnica diminui o requisito de relação de contraste de 4.5:1 para texto com, no mínimo, um tamanho 18 (se não estiver a negrito) ou, no mínimo, um tamanho 14 (se estiver a negrito).

Se o fundo for de uma só cor (todo preto ou todo branco), então a relação de contraste do texto ampliado pode ser mantida, garantindo que cada letra do texto tem uma relação de contraste de 3:1 com o fundo.

Se o fundo ou as letras variarem em luminescência relativa (ou tiverem um padrão), então o fundo em torno das letras pode ser escolhido ou escurecido, para que as letras mantenham uma relação de contraste de 3:1 com o respectivo fundo, mesmo se não tiverem essa relação de contraste com o restante fundo.

A relação de contraste pode, por vezes, ser mantida, alterando a luminescência relativa das letras à medida que a luminescência relativa do fundo se altera na página.

Outro método é fornecer uma auréola em torno do texto, com a relação de contraste necessária se a imagem ou cor de fundo não forem suficientemente diferentes em termos de luminescência relativa.

Os recursos são indicados apenas a título informativo, não implica que tenham sido aprovados.

• Analisador de Contraste – Aplicação (página em inglês)

• Analisador de Relação de Contraste - serviço online (página em inglês)

• Analisador de Contraste de Cores - Extensão Firefox (página em inglês)

• Amostras de Contrastes de Cores (página em inglês)

• Resposta de Cor Atípica (página em inglês)

• Cores no Analisador de Contraste de Cores da Web (página em inglês)

• Ferramenta para converter imagens com base na perda de cor, para que o contraste seja reposto como contraste de luminescência onde existia apenas contraste de cor (que se perdeu devido ao daltonismo) (página em inglês)

• Lista de ferramentas de contraste de cor (página em inglês)

(actualmente, não existe nenhuma indicada)

Procedimento

1. 1. Meça a luminescência relativa de cada letra (a não ser que sejam todas uniformes) utilizando a fórmula:

   • L = 0,2126 * R + 0,7152 * G + 0,0722 * B em que R, G e B são definidos como:

     • se R_sRGB <= 0,03928 então R = R_sRGB/12,92 ou R = ((R_sRGB+0,055)/1,055) ^ 2,4

     • se G_sRGB <= 0,03928 então G = G_sRGB/12,92 ou G = ((G_sRGB+0,055)/1,055) ^ 2,4

     • se B_sRGB <= 0,03928 então B = B_sRGB/12,92 ou B = ((B_sRGB+0,055)/1,055) ^ 2,4

     e R_sRGB, G_sRGBe B_sRGB são definidos como:

     • R_sRGB = R_8bit/255

     • G_sRGB = G_8bit/255

     • B_sRGB = B_8bit/255

     O carácter "^" é o operador de exponenciação.

   Nota: Para letras pixelizadas, utilize o valor de luminescência relativa que se encontra dois pixéis para dentro a partir do limite da letra.

2. Meça a luminescência relativa dos pixéis do plano de fundo imediatamente junto à letra, utilizando a mesma fórmula.

3. Calcule a relação de contraste utilizando a seguinte fórmula.

   • (L1 + 0,05) / (L2 + 0,05), em que

     • L1 corresponde à luminescência relativa da cor mais clara de todas em primeiro plano e em plano de fundo, e

     • L2 corresponde à luminescência relativa da cor mais escura de todas em primeiro plano e em plano de fundo.

4. Verifique se a relação de contraste é igual ou superior a 3:1

Resultados Esperados

• O passo 4 é verdadeiro.