Filter Results/Search using a query : Device-dependent event handlers are used.

Issue Summary

The element uses device-dependent event handlers and is therefore not accessible by keyboard alone.

Element:

• 3 dots button(More options)

Location:
Present on hovering in the table section

Steps to Reproduce

1. Open the homepage
2. Navigate to the "Assets" link and activate it
3. Navigate to "Search for object" and activate it
4. Navigate to the input field and search for the objects
5. Navigate to the "More option" buttons and observe that they are not available on keyboard focus.

Actual Results

The "More options" buttons present in the table are not available by default and on the Keyboard focus while the user navigates using the "Tab" key. Additionally, the keyboard focus indicator is not visible for these buttons and textual description is missing. This functionality confuses keyboard-only and low-vision users.

Expected Results

1. The "More options" buttons should be available by default or on the keyboard focus for all the users.
2. The clear and color contrast sufficient focus indicator should be provided for the mentioned instance when receiving keyboard focus.
3. The descriptive and unique textual description should be provided for the mentioned instances using the "aria-label" attribute.
4. Provide aria-haspopup="true" attribute to the <button> element of mentioned instance. 

For example: "More options for ITSM samp", "More options for ITSM sample", and so on

Screenshot

Workaround

Not Available

Bug Ref: 746205

Bulldog Ref: