Issue Summary

The tooltip is not compatible with the screen reader, Content from the tooltip is not announced to screen reader users.

Element Description: Tooltip information for several elements

• Start Review (Tooltip information - "add comments and tasks to a review and publish them when you're finished.")
• Filter file tree (tooltip information - Filter important files by name or type")
• Search code

Steps to Reproduce

1. Launch the URL
2. Navigate to the main content area of the diff, where the buttons such as "Filter file tree", "Search code" and "Start review" are present while keeping the screen reader on.

Actual Results

In the diff section of the pull request, when the user navigates through the "Filter file tree", "Search code" and "Start review" buttons, the tooltip shows up for additional information.

The screen reader is not able to access the tooltip. This makes it difficult for users with mobility and visual impairments to access the tooltip content.

Expected Results

The tooltips should receive a screen reader focus and should announce the content information available in the tooltip. The tooltip should contain the role="tooltip" in the code. Modify the script to make the tooltip information available on hover as well as on focus. In addition along with mouse-specific event handlers, use keyboard-specific event handlers, such as "onfocus", "onblur", etc. to make the functionality accessible for keyboard-only users.

Screenshot

Screen Recording

2022-04-27 18-45-13.mkv

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available.

Bug Ref: 740100