W3C home > Mailing lists > Public > wai-xtech@w3.org > May 2007

overflow: hidden example found in the wild

From: Gregory J. Rosmaita <oedipus@hicom.net>
Date: Mon, 21 May 2007 20:36:02 -0400
To: wai-xtech@w3.org
Cc: wai-liaison@w3.org
Message-Id: <20070522003006.M520@hicom.net>

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 


here is the pertinent snippet of document source:


<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: 
<A NAME="top"></A>


here is the pertinent snippet from WCAG2:


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

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

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

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 21:51:32 UTC