Se especificar cor, especifique para tudo Se definir cor, defina para tudo

Uma surpreendente quantidade de Web sites especifica cor para os textos no corpo do documento, cor para cabeçalhos, cor para todos os tipos de links, mas não especifica qualquer cor para o fundo (background). Se o visitante do site tiver configurado uma cor de fundo da sua preferência no seu browser, poderá ocorrer:

* uma combinação de cores imprópria ou mesmo escandalosa. * uma combinação pior ainda, se o visitante configurou suas cores preferidas para ter tons claros sobre escuros e o site definiu escuro sobre claro ou vice-versa. O visitante poderá ter um texto invisível, escuro sobre escuro ou claro sobre claro.

A regra para evitar estes problemas é: Se especificar uma cor, especifique todas. Práticas recomendadas Esqueça , use CSS

A maneira moderna e apropriada para definir cores em uma página Web é através de folhas de estilo em cascata. Esta maneira é fortemente recomendada em lugar do uso de atributos na tag e do elemento no HTML, isto porque o uso de CSS propicia mais flexibilidade, facilita a manutenção e economiza largura de banda. Use as propriedades CSS e <background-color> ou sua forma abreviada . Exemplo

A cor do fundo, bem como a cor dos elementos sobre ele, e, as cores dos links, estão especificadas em cores escuras sobre fundo branco, no exemplo abaixo:

html, body {

background

#fff;

color

#000;

}

a:link {

background

#fff;

color

#037;

}

a:visited {

background

#fff;

color

#636;

}

Leitura complementar

Algumas opiniões contidas nestes documentos diferem da nossa.

* What's wrong with the FONT element? por Warren Steel * Effective Color Contrast - Designing for People with Partial Sight and Color Deficiencies por Aries Arditi * When Bad Design Elements Become the Standard por Jakob Nielsen * Let Users Control Font Size por Jakob Nielsen * Consulte também W3C? CSS Validation Service

-- MarioTeza - 04 Jan 2005