Comments on: A note on accessibility – body background colours

By: rs

rs — Thu, 27 Aug 2009 09:53:39 +0000

Hey
I hear that Google dont like when without css
colour of font and background are the same

I think that default should be:
body {
background-color: #ffffff;
color: #000000;
}

By: dani

dani — Sat, 31 Jan 2009 07:37:30 +0000

I did, defining background-color and color will help visitors. But actually I didn’t realize that some users have set a non-white background color.

By: Acessibilidade: Sempre defina um cor de fundo no seu site » Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e WebStandards

Fri, 21 Nov 2008 14:40:01 +0000

[...] 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 [...]

By: Clay McIlrath

Clay McIlrath — Tue, 18 Nov 2008 17:43:57 +0000

I have a tough time crediting anything that Jeffrey Zeldman writes about given the fact that his whole site is 5 shades of monochrome greenish and i’m fairly certain it doesn’t meet w3c accessibility standards for color contrast..

But overall good point.. I’ve always specified a color on my body so i think any sites i’ve developed should be good.. but good to note in the ole’ nogger just in case

By: Seema

Seema — Sat, 15 Nov 2008 04:47:56 +0000

Nice article about CSS body background colors.I think CSS ia vast field to learn.

By: Jin

Jin — Wed, 12 Nov 2008 18:06:07 +0000

I think some sites can get away with this if their main content is encased in a DIV, and the DIV(wrapper) itself has a bgcolor assigned. I’m just glad the default bgcolor is no longer the netscape gray. /shudder.

bgcolor is imporant when it comes to elements that use transparent/translucent background images. Without assigning a bgcolor on top of that, IE7 doesn’t render the text with cleartype on.

By: nathan

nathan — Wed, 12 Nov 2008 14:19:04 +0000

@Howie – That seems true, although I’m sure I’ve created sites without specifying a body background before and it’s still validated. I have feeling the case is if you specify a background image or other values using just the background property, as so:

body {
background: url(images/body-bg.jpg) repeat-x top;
}

… the background colour is interpreted as transparent – which in turn validates.

But regardless of whether this validates or not, it doesn’t get around the fact that a colour should still be specified, as so:

body {
background: #fff url(images/body-bg.jpg) repeat-x top;
}

By: riya

riya — Wed, 12 Nov 2008 10:32:30 +0000

nice post

By: Howie

Howie — Wed, 12 Nov 2008 09:28:31 +0000

Good point you make. If the CSS was validated, it should pick this up. I seem to remember that the validator requires ALL elements to have a background specified. This is easy too. Once the body background is specified, set all (*) elements to inherit.