Noções sobre o Critério de Sucesso 1.4.6 | Noções sobre as WCAG 2.0
Anterior: CS 1.4.5 [Imagens de Texto]
Próximo: CS 1.4.7 [Som Baixo ou Sem Som de Fundo]
Contraste (Melhorado):
Noções sobre o CS 1.4.6
1.4.6 Contraste (Melhorado):A apresentação visual do texto e imagens de texto tem uma relação de contraste de, no mínimo, 7:1, excepto para o seguinte: (Nível AAA)
Texto Ampliado: O texto ampliado e as imagens de texto ampliado têm uma relação de contraste de, no mínimo, 4.5:1;
Texto em Plano Secundário: O texto ou as imagens de texto que fazem parte de um componente de interface de utilizador inactivo, que são meramente decorativos, que não estão visíveis para ninguém, ou que fazem parte de uma imagem que inclui outro conteúdo visual significativo, não têm requisito de contraste.
A finalidade deste Critério de Sucesso é fornecer contraste suficiente entre o texto e o plano de fundo para que o texto possa ser lido por pessoas com dificuldades de visão moderadas (que não utilizem tecnologias de apoio para realçar o contraste). Para as pessoas que não têm défices de percepção da cor, a tonalidade e a intensidade das cores têm um efeito mínimo, ou mesmo nenhum, na legibilidade, como se pode avaliar no desempenho de leitura (Knoblauch et al., 1991). As deficiências de percepção da cor podem, até certo ponto, afectar o contraste da luminescência. Desta forma, na recomendação, o contraste é calculado de modo a que a cor não seja um factor-chave, para que as pessoas que sofrem de défice de visão da cor também possam dispor de um contraste suficiente entre o texto e o plano de fundo.
O texto que é decorativo e que não transmite informação é excluído. Por exemplo, se forem utilizadas palavras aleatórias para criar um plano de fundo e as palavras puderem ser reorganizadas ou substituídas sem alterar a sua finalidade, então o texto é decorativo e não precisa de cumprir este critério.
O texto ampliado e com caracteres maiores é mais fácil de ler num contraste menor. Por conseguinte, o requisito de contraste para texto ampliado é menor. Isto permite que os autores utilizem uma gama de cores mais vasta para texto ampliado, o que é útil para o design de páginas, sobretudo títulos. O texto com tamanho 18 ou 14 pontos a negrito é considerado como sendo suficientemente grande para necessitar de uma relação de contraste menor. (Consulte as Directrizes para Impressão em Caracteres Ampliados da American Printing House for the Blind e as Directrizes para Caracteres Ampliados da Biblioteca do Congresso em Recursos). "Tamanho 18 pontos" e "negrito" podem ambos ter significados diferentes em tipos de letra diferentes, mas, excepto para tipos de letra muito finos ou pouco comuns, deverão ser suficientes. Uma vez que existem muitos tipos de letra diferentes, são utilizados os tamanhos normais, e é incluída uma nota fazendo referência a tipos de letra mais elaborados ou finos.
Nota: Quando é utilizado tipo de letra não pixelizado para tornar o tipo de letra mais suave, os tipos de letra podem perder o efeito escuro e claro. Desta forma, o contraste real pode ser reduzido. As larguras de haste mais espessas reduzirão este efeito (os tipos de letra mais finos poderão ter toda a haste iluminada em vez de apenas as extremidades). Recomenda-se a utilização de tipos de letra maiores e o teste da legibilidade em agentes de utilizador com a função de tipo de letra polida activada.
Os requisitos de contraste para texto anteriormente mencionados também se aplicam a imagens de texto (texto que foi convertido em pixéis e depois guardados em formato de imagem), tal como referido no Critério de Sucesso 1.4.5
Este requisito aplica-se a situações em que as imagens de texto pretendem ser entendidas como texto. O texto em plano secundário, tal como em fotografias que incluem uma tabuleta na estrada, não é apresentado, nem o texto que, por alguma razão, deve estar invisível a todos os utilizadores. O texto estilizado, tal como em logótipos de empresas, deverá ser tratado em relação à sua função na página, o que poderá ou não justificar a inclusão do conteúdo na alternativa em texto. As directrizes de empresas que abordem mais do que o logótipo não estão incluídas na excepção.
Nesta norma, a finalidade da excepção "que são parte de uma imagem que inclui outro conteúdo visual significativo" é separar as imagens que incluem texto das imagens de texto cuja finalidade é substituir texto, para se obter um visual específico.
Embora este Critério de Sucesso se aplique apenas a texto, ocorrem problemas semelhantes para dados apresentados em gráficos e diagramas. Deve ser também fornecido um bom contraste de cor para os dados apresentados nestes formatos.
Razões para as Relações Escolhidas
Uma relação de contraste de 3:1 é o nível mínimo recomendado pelas normas [ISO-9241-3] e [ANSI-HFES-100-1988] para texto e visão normais. A relação de 4.5:1 é utilizada no Critério de Sucesso 1.4.3 para compensar a perda de contraste que resulta de uma acuidade visual moderadamente baixa, de cegueira para as cores congénita ou adquirida, ou da perda de sensibilidade de contraste típica da idade.
As razões baseiam-se na a) adopção da relação de contraste de 3:1 para um contraste mínimo aceitável para pessoas sem problemas de visão, de acordo com a norma ANSI, e b) nas conclusões empíricas de que a acuidade visual de 20/40 está associada a uma perda de sensibilidade de contraste de cerca 1,5 [ARDITI-FAYE]Um utilizador com uma acuidade visual de 20/40 necessitaria, então, de uma relação de contraste de 3 x 1,5 = 4,5 para 1. Seguindo as conclusões empíricas análogas e a mesma lógica, o utilizador com uma acuidade visual de 20/80 necessitaria de um contraste de cerca de 7:1.
As tonalidades são distinguidas de modo diferente por utilizadores com cegueira para cores (tanto congénita como adquirida), que resultam em cores e contrastes de luminescência relativa diferentes em relação a utilizadores sem problemas de visão. Devido a este facto, o contraste e legibilidade efectivos são diferentes para estas pessoas. Contudo, os tipos de cegueira para cores são tão diversos que não é viável estabelecer pares de cores gerais efectivos (para contraste) com base em dados quantitativos. Um bom contraste de luminescência já fornece isto ao requerer um contraste independente da percepção de cores. Felizmente, a maior parte dos contributos da luminescência advém de receptores de onda média e onda larga, que em grande parte se sobrepõem ao apresentarem o espectro de cor. O resultado é que o contraste de luminescência efectivo pode normalmente ser computorizado sem ter em atenção tipos de daltonismo específicos, excepto na utilização de cores de comprimento de onda predominantemente longo sobre cores mais escuras (normalmente, preto) para as pessoas com aneritropsia. (Fornecemos uma técnica de tipo aconselhada sobre como evitar a utilização do vermelho sobre preto por esse motivo). Para mais informações, consulte [ARDITI-KNOBLAUCH] [ARDITI-KNOBLAUCH-1996] [ARDITI].
A relação de contraste de 4.5:1 foi escolhida para o nível AA, uma vez que compensa a perda de sensibilidade de contraste normalmente sentida por utilizadores com perda de visão equivalente a aproximadamente 20/40. (20/40 é calculado aproximadamente para 4.5:1.) 20/40 é normalmente considerado como sendo a acuidade visual normal para pessoas mais velhas, com cerca de 80 anos. [GITTINGS-FOZARD]
A relação de contraste de 7:1 foi escolhida para o nível AAA, uma vez que compensa a perda de sensibilidade de contraste normalmente sentida por utilizadores com perda de visão equivalente a aproximadamente 20/80. As pessoas com um nível de perda de visão superior utilizam normalmente tecnologias de apoio para aceder aos seus conteúdos (e as tecnologias de apoio dispõem normalmente de uma funcionalidade para melhorar o contraste e a capacidade de ampliação). O nível 7:1 compensa normalmente a perda de sensibilidade de contraste sentida pelos utilizadores com baixa visão que não utilizam tecnologias de apoio e permite também melhorar o contraste nos casos de défice de percepção de cores.
Nota: Os cálculos apresentados nas normas [ISO-9241-3] e [ANSI-HFES-100-1988] são para o corpo de texto. É fornecida uma relação de contraste mais flexível para texto de maior dimensão.
Notas sobre fórmulas
A conversão de valores RGB não lineares para lineares baseia-se na norma IEC/4WD 61966-2-1 [IEC-4WD] e em "A Standard Default Color Space for the Internet - sRGB" [sRGB](Um Espaço de Cor Predefinida Padrão para a Internet).
A fórmula (L1/L2) para o contraste baseia-se nas normas [ISO-9241-3] e [ANSI-HFES-100-1988] .
A norma ANSI/HFS 100-1988 estipula que a luz ambiente seja incluída nos cálculos de L1 e L2. O valor de,05 utilizado baseia-se no Brilho de Visualização Normal da norma [IEC-4WD] e na apresentação [sRGB] de M. Stokes et al.
Este Critério de Sucesso e suas definições utilizam os termos "relação de contraste" e "luminescência relativa" em vez de "luminescência" para mostrar que o conteúdo da Web não emite luz por si próprio. A relação de contraste fornece o grau de luminescência relativa resultante quando apresentada (visto que é uma relação, não tem dimensão).
Nota 1: Consulte os recursos relacionados para obter uma lista das ferramentas que utilizam a relação de contraste para analisar o contraste do conteúdo da Web.
Nota 2: Consulte também as Noções sobre o Critério de Sucesso 2.4.7 Foco Visível para obter as técnicas para indicar o foco do teclado.
Benefícios Específicos do Critério de Sucesso 1.4.6
As pessoas com baixa visão têm, frequentemente, dificuldade em ler texto que não faça contraste com o plano de fundo. Isto pode tornar-se ainda mais acentuado se a pessoa sofrer de um tipo de défice de visão da cor que reduza o contraste ainda mais. Fornecer uma relação de contraste de luminescência mínima entre o texto e o fundo pode tornar o texto mais legível, mesmo se a pessoa não distinguir a gama completa de cores. Também funciona para as pessoas que não distinguem qualquer cor.
Exemplos do Critério de Sucesso 1.4.6
Analisador de Contraste – Aplicação (página em inglês)
Amostras de Contraste de Cor (página em inglês)
Directrizes para Caracteres Ampliados da American Printing House for the Blind (página em inglês)
National Library Service for the Blind and Physically Handicapped (NLS), Directrizes para Caracteres Ampliados da Library of Congress (página em inglês)
Técnicas e Falhas para o Critério de Sucesso 1.4.6 - Contraste (Melhorado)
Situação A: texto com um tamanho inferior a 18 pontos se não estiver a negrito e um tamanho inferior a 14 pontos se estiver a negrito
G17: Garantir uma relação de contraste de, no mínimo, 7:1 entre o texto (e imagens de texto) e o fundo por detrás do texto
G148: Não especificar a cor de fundo, não especificar a cor do texto, e não utilizar funcionalidades de tecnologia que alterem essas predefinições
G174: Fornecer um controlo com uma relação de contraste suficiente que permita aos utilizadores mudar para uma apresentação que utilize contraste suficiente
Situação B: texto com, no mínimo, um tamanho 18 pontos se não estiver a negrito e, no mínimo, 14 pontos se estiver a negrito
G18: Garantir uma relação de contraste de, no mínimo, 4.5:1 entre o texto (e imagens de texto) e o fundo por detrás do texto
G148: Não especificar a cor de fundo, não especificar a cor do texto e não utilizar funcionalidades de tecnologia que alterem essas predefinições
Técnicas Adicionais (de tipo aconselhada) para o 1.4.6
G156: Utilizar uma tecnologia que disponha de agentes de utilizador normalmente disponíveis que possam alterar o primeiro plano e o fundo dos blocos de texto
Utilizar um valor de contraste mais elevado para texto que se encontre sobre um fundo com um padrão (futuro link)
Utilizar folhas de estilo e texto Unicode em vez de imagens de texto (futuro link)
Utilizar valores de contraste mais elevados para linhas em diagramas (futuro link)
Utilizar valores de contraste mais elevados para combinações de texto/fundo em vermelho-preto (futuro link)
Utilizar cores compostas essencialmente por componentes que se situem a meio do espectro de cores para o claro e extremos do espectro de cores (comprimento de ondas azuis e vermelhas) para o escuro
Utilizar um fundo bege em vez de um fundo branco por detrás de texto a preto para criar um contraste suficiente mas não extremo (futuro link)
Criar ícones utilizando desenhos de linhas simples que cumpram as normas de contraste para texto (futuro link)
Fornecer um contraste de cores suficiente em gráficos e diagramas (futuro link)
Utilizar uma relação de contraste de 3:1 ou superior como a apresentação predefinida (futuro link)
Fornecer um contraste de cores suficiente para campos de texto vazios (futuro link)
Falhas Comuns para o CS 1.4.6
Em seguida, são apresentados os erros comuns considerados como falhas do Critério de Sucesso 1.4.6 pelo Grupo de Trabalho das WCAG .
F83: Falha dos Critério de Sucesso 1.4.3 e 1.4.6 devido à utilização de imagens em plano de fundo que não fornecem contraste suficiente com o texto em primeiro plano (ou imagens de texto)
L1 corresponde à luminescência relativa da cor mais clara de todas, e
L2 corresponde à luminescência relativa da cor mais escura de todas.
Nota 1: As relações de contraste podem variar entre 1 a 21 (normalmente indicado por 1:1 a 21:1).
Nota 2: Uma vez que os autores não têm controlo sobre as definições de utilizador, quanto à forma como o texto é apresentado, (por exemplo, tipo de letra polida ou não pixelizada), a relação de contraste para o texto pode ser avaliada com a não pixelização desactivada.
Nota 3: Para os fins dos Critérios de Sucesso 1.4.3 e 1.4.6, é medido o contraste do fundo especificado, sobre o qual o texto é apresentado em utilização normal. Se não for especificada nenhuma cor de fundo, é assumida a cor branca.
Nota 4: A cor de fundo é a cor especificada do conteúdo sobre o qual o texto deve ser apresentado em utilização normal. Ocorrerá uma falha se não existir nenhuma cor de fundo especificada quando a cor do texto está especificada, uma vez que a cor de fundo predefinida do utilizador é desconhecida e não pode ser avaliada relativamente à existência de contraste suficiente. Pela mesma razão, ocorrerá uma falha se não existir nenhuma cor de texto especificada quando a cor de fundo está especificada.
Nota 5: Se existir um rebordo à volta da letra, o rebordo pode adicionar contraste e ser utilizado para calcular o contraste entre a letra e o respectivo fundo. Um rebordo estreito à volta da letra é utilizado como a própria letra. Um rebordo largo à volta da letra, que preenche os detalhes interiores da mesma, funciona como uma auréola e será considerado como fundo.
Nota 6: A conformidade das WCAG deve ser avaliada relativamente aos pares de cores especificados no conteúdo, que um autor esperaria ver aparecer de modo adjacente em apresentação normal. Os autores não necessitam de considerar apresentações invulgares, tais como alterações de cor efectuadas pelo agente de utilizador, excepto quando provocadas pelo código dos autores.
texto que foi convertido num formato não textual (por ex., uma imagem) para se obter um determinado efeito visual
Nota: Isto não inclui texto pertencente a uma imagem que contenha outro conteúdo visual importante.
Exemplo: O nome de uma pessoa num cartão de identificação em fotografia.
grande dimensão (texto)
com, pelo menos, 18 pontos ou 14 pontos negrito, ou um tamanho de letra que produza um tamanho equivalente para tipos de letra em chinês, japonês e coreano
Nota 1: Tipos de letra com traços extraordinariamente finos ou características e aspectos invulgares, que reduzam a familiaridade dos seus formatos de letras, são mais difíceis de ler, sobretudo com níveis de contraste mais baixos.
Nota 2: O tamanho de letra é o tamanho com que o conteúdo é apresentado. Não inclui o redimensionamento que poderá ser feito pelo utilizador.
Nota 3: O tamanho efectivo do carácter que o utilizador usa depende do tamanho definido pelo autor e das definições de visualização ou do agente de utilizador implementadas pelo utilizador. Para muitos tipos de letra de corpo de texto convencionais, 14 e 18 pontos é mais ou menos equivalente a 1,2 e 1,5 picas, ou a 120% ou 150% do tamanho predefinido para o corpo de texto (assumindo que o tipo de letra do corpo de texto está a 100%); contudo, os autores teriam de verificar este aspecto para os tipos de letra específicos em utilização. Quando os tipos de letra são definidos em unidades relativas, o tamanho efectivo do carácter é calculado pelo agente de utilizador para visualização. O tamanho do carácter deve ser obtido a partir do agente de utilizador quando avalia este critério de sucesso. Os utilizadores com baixa visão ficariam responsáveis por escolher as definições adequadas.
Nota 4: Quando se utiliza texto sem especificar o tamanho de letra, deve assumir-se, como tamanho razoável, o tamanho de letra mais pequeno utilizado nos principais browsers de texto não especificado. Se um cabeçalho de nível 1 for apresentado nos principais browsers em 14 pontos negrito, ou superior, então será razoável assumir que se trata de texto em grande ampliação. A escala relativa pode ser calculada com base nos tamanhos predefinidos de modo semelhante.
Nota 5: Os tamanhos de caracteres 18 e 14 pontos para textos romanos são obtidos a partir do tamanho mínimo para caracteres ampliados (14 pontos) e do tamanho de letra normal ampliada (18 pontos). Para outros tipos de letra, tais como os idiomas chinês, japonês e coreano, os tamanhos "equivalentes" seriam os tamanhos mínimos para caracteres ampliados utilizados para esses idiomas e o tamanho imediatamente a seguir de caracteres normais ampliados.
que serve apenas um objectivo estético, não fornecendo informação e sem qualquer funcionalidade
Nota: O texto é meramente decorativo se as palavras puderem ser reorganizadas ou substituídas sem alterar a sua finalidade.
Exemplo: A capa de um dicionário com palavras aleatórias pouco proeminentes em plano de fundo.
sequência de caracteres que podem ser determinados de forma programática, em que a sequência exprime algo em idioma humano
Nota 1: É possível implementar vários componentes da interface de utilizador como um elemento programático único. Neste contexto, os componentes não estão ligados às técnicas de programação, mas sim ao que o utilizador entende como sendo controlos independentes
Exemplo: Uma applet tem um "controlo" que pode ser utilizado para se deslocar através de conteúdos por linha ou por página ou por acesso aleatório. Uma vez que cada um destes necessita de um nome e de ser definido de forma independente, cada um deles seria um "componente da interface de utilizador".