Add visibility: aural

I'm not sure exactly where to place this issue, so here you go. The Web needs a simple way to hide text for screen readers. We've been dealing with hacks for years. WIA-ARIA use is spotty at best. And the newish hidden attribute doesn't serve this purpose.

Let's introduce a new value for visibility, simply call it aural and hide it always from the screen before another 10 years of hacks get added to the Web.

mmistakes/minimal-mistakes#1028

[herrernst]

I would very much like to see such a property!

[herrernst]

As a side note, the value probably would better be display: at-only or display: assistive, because such content should be available to all assistive technologies (not only screen readers, but also braille displays e.g.) via accessibility APIs (and their accessibility tree).

[patrickhlauke]

at-only or assistive is probably too specific. what about user agents like alexa or similar? they're not AT per se, but they may want to expose/announce content specifically aimed at aural output.

[herrernst]

Does Alexa really read web pages based on the visual DOM (sorry, don't know much about it)? IMHO it would be appropriate if such speech agents would use @media speech rules, but as you have discussed in w3c/csswg-drafts#1751, there seems to be no real-world support for it ATM. Other options I can think of would be display: invisible or display: visually-hidden.

Another point to consider: what about .textContent (probably show) and .innerText (probably hide, in contrast to .sr-only)?

[digilou]

APA revisited this today. They will bring to TPAC 2020 to see if progress was made on writing a proposal for this csswg-drafts 560