Ana Tudor 🐯Aug 11, 2025

Stupid #a11y question: do you have examples of accessible interactive code?

What I mean: in order to better illustrate what a piece of code does, clicking certain values opens up a popup that allows changing those values while the result updates in real time. Something like this thing I made almost a decade ago, except I'd like to do it better now. https://cdpn.io/pen/debug/gvjZGe

#code #coding #frontend #accessibility #web #dev #webDev #webDevelopment

Show threadandersaloof
@anatudor this sounds like something aria live regions would work with. You could announce the new value of a range when the user changes it, maybe debounce it in case the events fire off fast to only announce the final value, or throttle to announce some of the updates.
Aug 12, 2025 at 6:12amMoshidon
Show threadAna Tudor 🐯Aug 12, 2025
@andersaloof I am using aria-live, but I don't think this is a good HTML structure and I honestly have no idea what a good HTML structure would be.