Not trying to put Ryan on blast (I like Ryan, and Remix and React Router are...


Not trying to put Ryan on blast (I like Ryan, and Remix and React Router are wonderful), but:

Disabled buttons are NOT accessible.

Being able to "see" an element with a screenreader != accessible.

🚩A disabled button is skipped via tab. This leads to time wasted looking for a submit that isn't focusable. This impacts keyboard users and screen readers - both use keyboards.

🚩When a button is disabled while focused, the focus is lost, which is disorienting to a screen reader user.

🚩Disabled buttons have default styling which tends to have insufficient contrast for sight impaired users.

🚩Disabled buttons provide no easy way to discover why the button is disabled - they provide no user feedback when clicked.

List goes on.

So prefer aria-disabled instead. It's a more accessible alternative.

View original on X