Disabled input testing

The purpose of this page is offer a bunch of different interact elements to determine how they behave with keyboard, mouse and AT interaction based on their enabled or disabled state.

Originally I had titles on all the elements to see if they showed up on hover (or not) depending on their state. My findings were that ALL titles continued to work, regardless of state. I have removed the titles to make this less messy for a screenreader.






Input type image, not disabled

Input type image, disabled via input tag



Button with nested image, not disabled

Disabled button with nested image