Problem: Disabled buttons hurt accessibility and usability.

🚫 They're invisible for screen readers.
🚫 There's no way for a user to discover why a button is disabled. So they may feel stuck.

Solution: Use aria-disabled instead.

This React component shows how:

Here's how disabled differs from aria-disabled (via CSS Tricks)

https://css-tricks.com/making-disabled-buttons-more-inclusive/#:~:text=Button%20is%20easily%20located.,you%20might%20perceive%20it%20visually.

View original on X