russ weakley wrote:
Nate,
First of all, that wasn�t my technique, just the one used by the site mentioned by Jaime.
A good articles on hiding content is Joe Clark's: http://www.alistapart.com/articles/fir/
This article details the difference between "display: none" and "display: hidden".
"It seems clear that any element given a style of display: none should not be rendered, read, or manifested at all by any device in any modality. Hal, IBM Home Page Reader, OutSpoken, and Window-Eyes are behaving properly under this interpretation, while Jaws is misbehaving."
Joe Clark's article is referring to hiding heading content, not messages at the top of the page, but the points are still relevant.
Russ
There's actually a good reason for this difference. (I can't find the reference right now, but I think it's in Zeldman's Designing With Web Standards.) Some screenreaders (Jaws?) observe the display:none CSS rule, even though it's a visual thing -- therefore, the rule Jeremy cited won't be accessed in that context, whereas Russ' rule will.
Neither one is wrong, it's just important to know to whom you're supplying the message...
Nate
.: Nate Cook : 773 405 4073 : [EMAIL PROTECTED] : www.natecook.com :.
On Mar 17, 2004, at 8:17 AM, Jeremy Flint wrote:
you can also use*****************************************************
.hide { display: none }
<div class="hide">Message to non-stylesheet browsers</div>
russ weakley wrote:
These guys use the following CSS rule:
.hide { height: 0; width: 0; overflow: hidden; position: absolute; }
HTML: <div class="hide"> <p> If you are reading this on a mobile device browser or a text browser, you can safely <a href="#maincontent"> skip to the content</a>. ...
Russ
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
Thanks Russ
----------------------------------------------- Russ Weakley Max Design Phone: (02) 9410 2521 Mobile: 0403 433 980 Email: [EMAIL PROTECTED] http://www.maxdesign.com.au -----------------------------------------------
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
-- Jeremy Flint www.jeremyflint.com
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
