Website logos as background images
I've been debating with myself recently about my method of displaying company logos on websites. I tend to create a div that uses a style that holds the logo/topbanner image as a background image. My thinking behind this was that it keeps the page source clean of images, it allows any amendment to the top banner to be made just once via the stylesheet rather than ensuring every page is changed and it won't display if the stylesheet is ignored which adds to the accessibility of the page.
The downside I guess I've been questioning is, that if the stylesheet is ignored, the site is left with no visual branding. Now I think there are pros and cons with this. Overall, I think this is a good thing. Usually if a stylesheet is ignored, its because the visitor is just interested in getting to the text with as little intereference as possible, whether visually or via a screenreader. Losing the height of a top banner image can also help with this. But should you still have some visual cue that brands the site even if the stylesheet is ignored?
An alternative might be to include an image tag to hold a small logo in the top banner div. This could be styled to be hidden so that it only comes into play when the stylesheet is ignored, so a logo would still display regardless. However, this means adding some extraneous code to the page so I'm not altogether happy with that idea. Plus I still am unsure whether visual branding would be appreciated once the stylesheet has been ignored. At that stage, a decision has been made to ignore visual styling and concentrate on the content. So I think I'll plod on with my method unless a different requirement convinces me otherwise.
The downside I guess I've been questioning is, that if the stylesheet is ignored, the site is left with no visual branding. Now I think there are pros and cons with this. Overall, I think this is a good thing. Usually if a stylesheet is ignored, its because the visitor is just interested in getting to the text with as little intereference as possible, whether visually or via a screenreader. Losing the height of a top banner image can also help with this. But should you still have some visual cue that brands the site even if the stylesheet is ignored?
An alternative might be to include an image tag to hold a small logo in the top banner div. This could be styled to be hidden so that it only comes into play when the stylesheet is ignored, so a logo would still display regardless. However, this means adding some extraneous code to the page so I'm not altogether happy with that idea. Plus I still am unsure whether visual branding would be appreciated once the stylesheet has been ignored. At that stage, a decision has been made to ignore visual styling and concentrate on the content. So I think I'll plod on with my method unless a different requirement convinces me otherwise.

0 Comments:
Post a Comment
<< Home