#a11y bubble!
-
#a11y bubble!
Do you know any good and accessible examples for “ghost text”, multiline text suggestions, predictive completion, AI suggestions or whatever you want to call this pattern. (Example: https://code.visualstudio.com/docs/copilot/ai-powered-suggestions)
I tested VSCode (NVDA) and it just reads out the suggestion without any audio cue that this is a suggestion that can be inserted or dismissed.
What do you think how this should behave for screen reader users?
-
#a11y bubble!
Do you know any good and accessible examples for “ghost text”, multiline text suggestions, predictive completion, AI suggestions or whatever you want to call this pattern. (Example: https://code.visualstudio.com/docs/copilot/ai-powered-suggestions)
I tested VSCode (NVDA) and it just reads out the suggestion without any audio cue that this is a suggestion that can be inserted or dismissed.
What do you think how this should behave for screen reader users?
@MoritzGlantz I think I would implement it as if it were an autocomplete combo box: https://tollwerk.de/projekte/tipps-techniken-inklusiv-barrierefrei/die-aria-combobox
-
#a11y bubble!
Do you know any good and accessible examples for “ghost text”, multiline text suggestions, predictive completion, AI suggestions or whatever you want to call this pattern. (Example: https://code.visualstudio.com/docs/copilot/ai-powered-suggestions)
I tested VSCode (NVDA) and it just reads out the suggestion without any audio cue that this is a suggestion that can be inserted or dismissed.
What do you think how this should behave for screen reader users?
@MoritzGlantz Quite honestly this pattern is wickedly hard to make work. The tricky bit is that screen readers only focus on one thing at a time, so either you are looking at the editor/edit field which holds your current text, OR you are looking at the ghost text, which generally isn't focusable and might be anywhere from one word to several paragraphs long.
VS Code to my knowledge solves this in first-party AI things by providing an "accessibility view" which shows the ghost text in a temporary editor with actions to insert or reject, mostly so screen reader users can look at the ghost text in a detailed manner rather than havinggggggggggggggggg to hear it all at once. I forget how well that is currently being announced but it's in the accessibility docs I believe. I'm not familiar with that extension though, lost track of VS Code for a couple months which means I might as well know nothing with how fast it's been moving -
S svenja@mstdn.games shared this topic
