Técnicas para as WCAG 2.0

Ir para o conteúdo (Pressione a tecla Enter)

-

G18: Garantir uma relação de contraste de, no mínimo, 4.5

Aplicabilidade

Qualquer tecnologia que produza saída de dados visuais.

Esta técnica está relacionada com:

Descrição

O objectivo desta técnica é garantir que os utilizadores possam ler o texto apresentado sobre um plano de fundo. Para o Critério de Sucesso 1.4.3, esta técnica descreve a relação de contraste mínima para texto com um tamanho inferior a 18 (se não estiver a negrito) e inferior a 14 (se estiver a negrito). Para o Critério de Sucesso 1.4.5, esta técnica fornece uma relação de contraste de 7:1 mais flexível para texto com, no mínimo, um tamanho 18 (se não estiver a negrito) ou, no mínimo, 14 (se estiver a negrito).

Se o fundo for de uma cor só (todo preto ou todo branco), então a luminescência relativa do texto pode ser mantida, garantindo que cada letra do texto tem uma relação de contraste de 4.5: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 4.5: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.

Exemplos

Recursos

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

(actualmente, não existe nenhuma indicada)

Testes

Procedimento

  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 RsRGB <= 0,03928 então R = RsRGB/12,92 ou R = ((RsRGB+0,055)/1,055) ^ 2.4

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

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

      e RsRGB, GsRGB, e BsRGB são definidos como:

      • RsRGB = R8bit/255

      • GsRGB = G8bit/255

      • BsRGB = B8bit/255

      O caracter "^" é 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

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

Resultados Esperados