Se definir cor · Boas práticas · Leitura complementar ·
Índice das dicas · QA Homepage· QA IG· Markup Validator· QA-dev·
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:
A regra para evitar estes problemas é: Se especificar uma cor, especifique todas.
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 <body> e do elemento <font> no HTML, isto porque o uso de CSS propicia mais flexibilidade, facilita a manutenção e economiza largura de banda. Use as propriedades CSS <color> e <background-color> ou sua forma abreviada <background>.
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;
}
Algumas opiniões contidas nestes documentos diferem da nossa.