overflow: hidden example found in the wild

at amazon dot com, no less...

it's a good thing i still use lynx to look up things like CD 
playlists, otherwise, i wouldn't have known about amazon's 
psuedo-implementation of the WCAG2 technique of using overflow 
pointed out to me by al in a side thread on wai-liaison, to 
hide content from CSS-capable browsers, leaving it exposed to 
text-only renderers (such as lynx or a refreshable braille 
display) and mobile devices -- the alternate amazon is located 
at:

http://www.amazon.com/access

here is the pertinent snippet of document source:

<q 
cite="http://www.amazon.com/">

<DIV STYLE="position:absolute; left:0px; top:-500px; width:1px; 
   height:1px; overflow:hidden;">
<A HREF="http://www.amazon.com/access">A different version of this 
web site containing similar content optimized for screen readers and 
mobile devices may be found at the web address: 
www.amazon.com/access</A></DIV>
<A NAME="top"></A>

</q>

here is the pertinent snippet from WCAG2:

<q 
cite="http://www.w3.org/WAI/GL/WCAG20/WD-WCAG20-TECHS/#C7">

The following examples use the CSS2 selector and rule set below:

span { height: 1px; width: 1px; position: absolute; 
	overflow: hidden; top: -10px; )
</q>

gregory, with a thanks to al for pointing out the WCAG20 technique

----------------------------------------------------------------
CONSERVATIVE, n.  A statesman who is enamored of existing evils,
as distinguished from the Liberal, who wishes to replace them 
with others.         -- Ambrose Bierce, _The Devil's Dictionary_
----------------------------------------------------------------
             Gregory J. Rosmaita, oedipus@hicom.net
  Camera Obscura: http://www.hicom.net/~oedipus/index.html
----------------------------------------------------------------

Received on Tuesday, 22 May 2007 00:36:52 UTC