Reconsider disabled buttons
Here are a few reasons why disabled buttons are gruesome things that will ruin your users’ day:
- They fool users into clicking
- They are hard to see
- They don’t give any feedback
- They give design teams a reason to rush through error handling
- They make users think
- Disabled buttons disable disabled users
You can read more about this here: https://axesslab.com/disabled-buttons-suck/
If you still want to use a disabled button, here is a preferred technique to ensure that screen reader users can find the button, click submit and be notified of errors in the form.
<button aria-disabled="true">Continue</button>
Learn more about the related success criteria:
2.4.3 Focus Order (Level: A)