Re: FN-FORUM: Accessible logos [css/html]

date posted 19th January 2006 11:28

2 things

1. A logo is FUNDAMENTALLY visual. It's not used to convey any
information or explain a concept - it's just so people who look at it
go "Oh, that' a can of Coke" (or whatever).

2. It's standard practice for the logo to link back to the homepage.

As a result I'd say that an image (with some alt text) in a link is
the accessible.



Rich Quick
http://www.richardquickdesign.com


On 19 Jan 2006, at 10:55, David Sadowski wrote:

>
> Good morning all freelancers!
>
> I have been searching (googling) for the best way of creating
> accessible
> logos i.e. those ones that always look nice and work despite
> javascript/css
> turned off - does anybody have an idea how to handle such thing
> using html
> and css?
>
> I came across bits of code such as:
>
> CSS:
>
> h1#logo {
> overflow: hidden;
> height: 0px;
> padding-top: 92px; // height of image
> background: url('img/logo.gif') top left no-repeat;
> width: 537px; // width of image
> }
> HTML:
> The company name
>
> According to the author of the above code the h1 text should be
> pushed down
> by a logo image and hidden using overflow property in css and
> become visible
> when images are turned off. It doesn't seem to work though. I get
> the text
> but not the background image. Checked the paths, file names and yet
> no joy.
>
> Many thanks in advance
> David Sadowski
>
> http://www.davss.com (still under construction ;)