Accessibility question, should disabled/loading state buttons be tabbable and read by screen readers?
For further actions, you may consider blocking this person and/or reporting abuse
Read next
TDoC '24 Day 6: Building a Web Interface for Vocalshift with Flask
git-leo-here -
Build a Personal Blog with VS Code + Github
Frankie -
What is generator function in JavaScript? and How does it work?
Imran Shaik -
Virtual Destructors in C++ | C++ Programming| Destructor in C++|
Mahima Bhardwaj -
Top comments (2)
It's normal for a disabled button to be effectively hidden from screen readers. Personally, I don't think that's great, especially if the reason why it's disabled isn't obvious.
You can alternatively use
aria-disabled, which announces the button but also the fact it's disabled. One thing to note however is that won't stop the button from being clickable so you'd need to handle that in your JavaScript.I wrote a little bit about it on Up Your A11y you might find useful: Handling Validation Errors in Forms
Thank you, I will definitely be ditching
disabledforaria-disabled. Seems like a much better experience.Also didn't take error alerts in to consideration so many thanks for the great article!