Avoid disabling from submit buttons
Avoid disabling from submit buttons.
🚫 Hurts accessibility. The submit button “disappears” for screen readers.
🚫 Hurts usability. The user may not understand why a button is disabled. They may feel stuck.
Instead:
1. Allow the user to click the submit button at any time.
2. Display a helpful message if the form isn’t completed correctly.
This way the user gets instant feedback about how to resolve their mistake. 👍
Two solid posts on this:
https://www.smashingmagazine.com/2021/08/frustrating-design-patterns-disabled-buttons/
https://axesslab.com/disabled-buttons-suck/