Acessibilidade: Sempre defina um cor de fundo no seu site
Postado em: 21 de novembro de 2008 por Pedro RogérioIsso pode parecer uma coisa besta, mas você já parou para pensar que nós nunca especificamos uma cor de fundo para o nosso site? No Windows todos os browsers possuem uma cor de fundo padrão como branco, mas existem usuários avançados que não utilizam Windows, em consequência utilizam outros browsers, que possuem a possibilidade de personalizar as cores de fundo.
Pode soar estranho, mas veja a opinião de outras pessoas como Jeffrey Zeldman, Roger Johansson, redswish. No Flickr existe até uma galeria com alguns “desastres” ocorridos em alguns sites:
Para evitar problemas desse tipo, basta definir uma cor de fundo para o body da página. Exemplo:
body {background:#ffffff;




















Filipe Kiss disse: 21.11.08 ás 11:41
É legal ver que essas coisas que eu faço há tempos aparecemna Web agora XD
Niceoutput disse: 21.11.08 ás 12:16
Pois, muitas pessoas esquecem-se de declarar a cor do body e depois acontecem coisas dessas…
Igor Pimentel disse: 21.11.08 ás 12:43
que medo deu isso.. hehehhehehhehe
ainda bem que no meu CSS Base (que utilizo em todos os projetos) tem:
body { … background:#fff;}
se não ia ser um trabalhão corrigir em todos aqui..
Valeu a dica! Abraço
Joabe disse: 22.11.08 ás 12:42
Isso é básico, isso é uma coisa que eu aprendi quando eu ainda brincava com web, antes do CSS. E realmente o problema ainda existe. Eu às vezes navego com o Opera, e no Opera eu tenho a opções de criar meu próprio estilo para as páginas, e em sites que não há background definido o resultado é um desastre.
Renato Rix Geronimo disse: 03.12.08 ás 15:46
É verdade, a um tempo atraz fiz testes e mesmo sites muito grandes cometem este erro.
Crosbrowser cada vez se torna 1 desafio maior, diferentes sistemas, diferentes borwsers…
Bom tópico!
Abraços