Marking UI as invokable
In the example below the div has a click handler.
Click Me!
Click Me, with focus!
Best Practice
Every element that a user can interact with should have an appriopate aria role
For something like this that action is
role = "button"
(
more info
)
Spotting the issue in the tool
The element doesn't appear in the accessbility tree
Elements might still be in the tree because they have a tabindex, but still won't be reconized as a control
Demo Index