How can I make a disabled button focusable, clickable, in general “interact-able”?
disabled attribute for
aria-disabled="true". This will allow the element to maintain most of its properties that allow you to interact with it, but still keep its disabled status and announce itself to assistive technology as such. Be sure to test your button thoroughly though after making this change because now that the button is able to be interacted with, you will likely need to add some additional logic to handle your
Free Tools to Continue Learning
Accessible Web RAMP
Monitor your website and manage your progress towards WCAG conformance.
Accessible Web Academy
Career specific courses to help power up your accessibility knowledge.