W3C home > Mailing lists > Public > public-css-archive@w3.org > October 2016

[csswg-drafts] [css-display] create a display property value for visually hiding an element while making it available for AT

From: Sara Soueidan via GitHub <sysbot+gh@w3.org>
Date: Sat, 01 Oct 2016 16:45:18 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-180466509-1475340316-sysbot+gh@w3.org>
SaraSoueidan has just created a new issue for 
https://github.com/w3c/csswg-drafts:

== [css-display] create a display property value for visually hiding 
an element while making it available for AT ==
While giving a talk at CSSConf last week, I mentioned how we should 
provide text for AT to be able to read when we are using only icons to
 represent that text visually. Basically: provide text in the DOM that
 screen readers can read, and then hide it visually by using one of 
several visually-hidden techniques/hacks that we currently use for 
this purpose.

After the talk, [an attendee 
asked](https://twitter.com/topdownjimmy/status/780781476518334464) why
 we don't have a CSS property whose sole purpose would be to hide 
content visually while keeping it readable by screen readers, for 
example.

We know `display: none` and `visibility: hidden` both hide content 
visually but they also make it inaccessible by AT. Any chance we could
 get a `display` value that would hide text similar to the way 
`display: none` does but that also keeps the text accessible 
underneath?

Thanks!

Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/560 using your GitHub 
account
Received on Saturday, 1 October 2016 16:45:25 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:30:24 UTC