Issue Summary

On the “View page", non-modal dialog becomes available when the user mouse hovers over "Admin Admin" is inaccessible.

Steps to Reproduce

1. Open any space from the confluence
2. navigate to the side navigation & activate any page.
3. Navigate to the comment section 
4. Navigate to the mentioned "user icon" link 
5. Navigate to the mentioned tooltip content using keyboard.
6. Turn on the screen reader and observe that tooltip content is not accessible.

Screenshot 

Actual Results

On the "View page " page, the non-modal dialog that becomes available when the user mouse hovers over “user icon” is not accessible. These non-modal dialogs are coded inappropriately which makes functionality inaccessible for keyboard-only and screen reader users.

Expected Results

The mentioned dialog should be accessible for keyboard-only and screen reader users.

Make the dialog accessible by performing the following steps:

1. Ensure that both elements are accessible for all users, including those using screen readers and keyboard navigation.
2. Implement the profile icon as a button that triggers a profile card popup; this can be achieved by adding role=”button” 
3. Add role="dialog" and "aria-labelledby" attribute to the <div> element containing the modal dialog heading/title for text “User name”.
4. Specify the "id" attribute with a unique value to the element containing the heading text i.e “User name” and reference it via the "aria-labelledby" attribute.

For information on creating accessible non-modal dialog refer Non Modal Dialogs

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOs Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest