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