Skip to content

Instantly share code, notes, and snippets.

View StommePoes's full-sized avatar
💭
Gone

Mallory StommePoes

💭
Gone
View GitHub Profile
(okay gists are hard for me to read. So I've got this on a web page with actual styles: https://stommepoes.nl/live_regions.html)
I've been having thoughts about issues I have with live regions and other automated, flattened text strings. First, my whines and complaints, then an idea I'd like to know if it could be worked out.
THE COMPLAINT
Live regions are messed up. So far, they appear to only be made available to SR (screen reader) users. Not Braille-only SR users though, nor screen magnification users. Nor anyone who needs to focus intently on the specific section of the page or app where they are performing tasks.
I similarly have issues with `aria-labelledby`, `aria-describedby` and `aria-label`. Getting these things to an SR user often seems to require keyboard focus on the element being named or described. It's not available to anyone else. The text is just read out: no way to go word-by-word, check spelling, etc (unless the text being referenced in the DOM can be reached with virtual cursors).
A R