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

date posted 19th January 2006 11:03

> I just do;
>
> My Company Logo Name
>
> And do;
>
> .clsHide{display:none; visibility:hidden}
> h1.background:url('mylogo.jpg');
>
>
> In fact, anywhere I want to have an image as well as accessible text
> I'll use the .clsHide. That way it makes sure that the tag doesn't
> take
> up any space as well as being hidden. Seems to work - I'll sure
> there'll
> be comments...

If you do that it's actually less accessible than having an image
with alt text.

Using display: none; means many screen readers ignore it. For
example JAWS.

Either method's useless to most partially sighted users unless
they're using a browser with CSS turned off (very rare).

And this method is less accessible to a blind person with a screen
reader than a normal image would be.