Nice article, I've found a lot of the same problems. Oh, and at one point, the testing community was suggesting aria-label for testIds, which was loads of fun to fix.
I'd add one more consideration when it comes to live regions. A browser can only work with and monitor a live region when it is part of the DOM at first render.
Building AI agent systems and sharing what works. Multi-agent pipelines, automation playbooks, and developer tools. Writing about practical AI engineering.
@shaynaproductions
Oh wow, aria-label for testIds is a great example of good intentions leading to accessibility problems. The testing community meant well, but screen reader users end up hearing test infrastructure instead of actual content. ARIA should be the fallback, not the starting point.
Thanks for sharing that.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Nice article, I've found a lot of the same problems. Oh, and at one point, the testing community was suggesting aria-label for testIds, which was loads of fun to fix.
I'd add one more consideration when it comes to live regions. A browser can only work with and monitor a live region when it is part of the DOM at first render.
won't work
works
Also its helpful to remember that aria attributes cannot live on a presentation-only div. Aria can only be applied to an element that has a role.
@shaynaproductions
Oh wow, aria-label for testIds is a great example of good intentions leading to accessibility problems. The testing community meant well, but screen reader users end up hearing test infrastructure instead of actual content. ARIA should be the fallback, not the starting point.
Thanks for sharing that.