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

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