Comment by skeeter2020

3 days ago

For static scenarios this works well with screen readers. On the output tag the "for" property helps screen readers deal with dynamic values, essentially adding reactivity to the element. I use it so infrequently I've never explored how it works but screen readers will catch that the value has been updated.

This is handy for testing with screen readers, and includes links to the appropriate spec (for output and all elements):

https://stevefaulkner.github.io/AT-browser-tests/test-files/...

It's often the case that screen readers do not support the more exotic aspects of html (hell even some basics, unfortunately).

The browser may add a reference from one to the other in the accessibility tree, but whether a screenreader announces it is another matter. I'd be surprised if it's supported in any meaningful way here. Happy to be shown otherwise!