Issue Summary

The tooltips available in the Display options section for different form fields have missing keyboard support which makes the keyboard user inaccessible to the element.

Steps to Reproduce

1. Launch the URL
2. Edit the page.
3. Add the Jira macro.
4. A modal will appear for Jira macro, in the modal navigate to the "Created vs Resolved" or "Pie chart" buttons and activate them.
5. On the right section available navigate to the "Display options" link and activate it.
6. Navigate to the available tooltips for the form field.

Screenshot

Screen recording

Screen Recording 2022-06-14 at 5.24.47 PM.mov

Actual Results

Keyboard support is missing for the tooltip content present for different forms in the Display options section for  Jira Macro modal dialog. This made it difficult for users with mobility and visual impairments to access the tooltip content.

Expected Results

Apply the following changes to make the tooltip content more accessbile:
• Provide appropriate textual description via aria-label attribute for the tooltip element.
• Display the information available in the tooltip as plain text and use CSS for formatting.
• Specify the ARIA role "tooltip" for the information displayed on hover. Specify a unique id attribute for the tooltip and reference it via the aria-describedby attribute.
• Modify the script to make the tooltip information available on hover as well as on keyboard 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.

Workaround

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