WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Using the Clip CSS property to visually hide text

for

From: Bryan Garaventa
Date: Nov 19, 2012 3:21PM

I tried both, and am seeing the hidden content using JAWS13 and NVDA with no
problems in both sections of your test page.

I'm not sure why you aren't seeing the content with overflow:hidden, but
this sounds like a quirk and not a general policy, since overflow is often
used within various element types to control content flow.

For example, can you see the content of a visible element that includes
overflow:hidden?

E.G

<div style="position:absolute; overflow:hidden;">
Test Me
</div>

If you can, then add each property until you find the one that makes the
content stop being recognized within your screen reader.

This should isolate where the conflict is occurring.

----- Original Message -----
From: "GILLENWATER, ZOE M" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Monday, November 19, 2012 1:33 PM
Subject: Re: [WebAIM] Using the Clip CSS property to visually hide text


Hi Bryan,

I totally understand the need to have an across-the-board class that you can
use in any scenario. I personally am completely comfortable not adding the
overflow:hidden even on an as-needed basis, since it's such a minor visual
issue that will hardly ever occur. But I mention it in the interest of full
disclosure and to appease very picky designers. ;)

I've read the article that you link to and have not seen any scrollbars
appear on removing overflow:hidden. I think the width and height
declarations Jonathan added took care of the problem he described, and the
overflow is just one of those "extra insurance" pieces of CSS that sometimes
gets added and isn't really needed.

Out of curiosity, did you try the test page I created, or your own pages?

Thanks,
Zoe

Zoe Gillenwater
Web Accessibility Technical Architect
AT&T Consumer Digital Experience

o: 919-241-4083
e: <EMAIL REMOVED>

4625 Creekstone Dr | Durham, NC 27703

This email and any files transmitted with it are AT&T property, are
confidential, and are intended solely for the use of the individual or
entity to whom this email is addressed. If you are not one of the named
recipient(s) or otherwise have reason to believe that you have received this
message in error, please notify the sender and delete this message
immediately from your computer. Any other uses, retention, dissemination,
forwarding, printing, or copying of this email is strictly prohibited.