WebAIM - Web Accessibility In Mind

E-mail List Archives

Best practice for steering to screen reader-only stylesheets


From: Tech
Date: Jul 17, 2008 4:30PM

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<meta content="text/html;charset=us-ascii" http-equiv="Content-Type">
<body bgcolor="#ffffff" text="#000000">
Hi Folks,<br>
When I designed my <a
grid with a fixed header and a scrolling body,</a> I assumed it would
be simple to hide the extra header meant only for sighted users, from
screen readers (and vice versa).&nbsp; But lacking any good auto-detection
for readers, this will require the user of a reader to request a
special style sheet.&nbsp; <br>
So I figure the only option is a link for "Goto Accessible version,"
which I've never done before.&nbsp; Are there best practices for this? Do I
put it right after the body tag, and hide, with display:none, which can
still seen by readers, or must it remain visible?&nbsp; Are there any
bulletproof ways of detecting a reader, that I've never heard of yet?<br>
Forgive my ignorance here. I am still pretty knew to doing this stuff
myself, and trying to stay accessible from the outset.<br>