Add comment in Pull Request : Tooltip is not accessible by screen reader users.

Issue Summary

In the add comment section for the toolbar, the tooltips are not screen reader compatible. Tooltip is showing keyboard shortcut hints for Bold, italic, strikethrough, etc. options appear but are not announced to screen reader users.

Steps to Reproduce

1. Launch the URL
2. Navigate to the Activity section and activate the input field.
3. Navigate to the toolbar section in the Comments section available with the screen reader on.

Actual Results

In the add comment section for the toolbar, when the user navigates through the toolbar, the tooltip shows up for additional information for each particular tool such as "Bold", "Italic", etc.

The screen reader is not able to access the tooltip for the toolbar buttons. This made 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 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

Add comment toolbar tooltip inaccessbile by keyboard and screen reader user.mkv

Workaround

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

Bug Ref: 735139