WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Using the Clip CSS property to visually hide text

for

From: GILLENWATER, ZOE M
Date: Nov 19, 2012 12:38PM

I don't know what to tell you. I don't hear labels in those browsers when overflow:hidden is present, but removing it fixes it.

The ONLY thing that overflow:hidden prevents, based on my testing, is that if I have a link with a span inside with the hiding class on it, then the focus outline around that link in WebKit browsers will display as a jagged box instead of a four-sided rectangle. This problem is so ridiculously minor compared to the problem of not hearing a label for a form field that I think it's foolish to suggest that we include CSS across the board to solve it. Far more logical to add that CSS only when you have a link with a span inside that you want to hide.

Have you found any other benefit to including overflow:hidden? I asked Theirry Koblentz about this last month over Twitter and he couldn't provide me with any rationale for it either.

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.