Marc Jansen schrieb:
> Theo Welch schrieb:
>>
>> And if you hide "skipnav" links from view, make sure to hide them
>> using something like this:
>>
>> .hidden { display:block; width:0; height:0; overflow:hidden; }
>>
>> ...not like this:
>>
>> .hidden { display:none } /* most screen readers will ignore this
>> content altogether */
>
> Couldn't you just use an appropriate stylesheet rule with the
> media-attribute set to "aural, embossed, braille" to fix this, e.g.
>
> <link rel="stylesheet" media="screen" href="website.css">
>
> <link rel="stylesheet" media="aural, embossed, braille" href="aural.css">
>
>
> only the website.css-file would then contain: .hidden { display: none }
> the aural.css-file would revert this by setting .hidden { display:
> block; /* or inline */}
Currently there aren't many user agents - if at all - that support the
media type aural (Opera 9 has something if I remember correctly).
Screen readers usually work by plugging on top of a visual browser. The
most common and safe trick to feed screen readers while hiding it on
screen is the offleft technique:
.aural {
position: absolute;
left: -100em;
overflow: hidden;
width: 10em;
}
-- Klaus
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
