> no simple standard CSS declaration to hide something from visible display but keep it for screenreaders

ARIA attributes allow for that.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/A...

Example code.

https://stackoverflow.com/questions/26032089/in-html-how-can...

aria-label/labelledby is not always a workable solution. Sometimes you really need the text to be sitting there on the page as text for things to work right.

Note that the very SO thread you linked to goes immediately to doing position/clipping tricks right after mentioning aria-label.

In addition, aria labels don't work reliably with some HTML elements [1]. Specifically, the example from SO (div) will not work in some screen readers.

[1] https://www.tpgi.com/short-note-on-aria-label-aria-labelledb...

Why should it be a part of CSS, that handles visual representation, and not part of HTML, which handles data, structure, and semantics?

I wonder if a whitespace <div> with a right aria-label could fit the bill.

CSS's display: none already affects what the screenreaders can "see." So it's already involved.

And getting sick is a great reason you might use the phone to call into work but it doesn't imply getting sick is therefor the way to run all other phone usage through. I.e. it changes the behavior of the screen reader because it hides the content of the document and a screen reader knows it doesn't make sense to read content that was removed but that doesn't provide any support for why content which only affects screen readers belongs in the styling language as well.

Further point, in case you still disagree whether it makes sense for CSS to include the ability or not: CSS supports pseudo-elements but that doesn't mean tags in your page should be turned into pseudo-elements just because you can.

> I wonder if a whitespace <div> with a right aria-label could fit the bill.

Aria-label only works on interactive elements. I believe except the div has a `role`, screenreaders will ignore the label.