Issue Description

On activating the link to see how many people have liked the page, a modal appears but the screen reader is aware of the appeared modal.

URL to the Page

https://instenv-19177-d2sp.instenv.internal.atlassian.com/display/TEST/Smaple 

Steps to Reproduce

1. Launch URL
2. Navigate to a Confluence page content with likes.
3. Navigate with control + option + right-arrow to the number of people who like this page. Activate the link with control + option + space.

Screen Recording

Screen Recording 2022-05-11 at 5.23.36 PM.mov

Actual Behaviour

When the user activates the number of likes present on the page to view which users haves liked it , an People who like this modal appears. When the modal dialog is displayed on the screen, the keyboard focus moves on the background content. However, the keyboard focus moves on the modal after navigating through the whole page and then the focus moves on the cancel and follow button in the modal, but not on the other contents in the modal. This makes the keyboard user as well as assistive technology user unaware of the available content.

Expected Result

Ensure that the keyboard focus moves at the beginning of the modal dialog content when the modal dialog gets displayed on the screen. The focus should not move out of the modal unless it is closed.

This will make the user aware of the content and able to use the function with the keyboard.

An accessible modal example could be found at: https://www.w3.org/TR/wai-aria-practices-1.2/examples/dialog-modal/dialog.html 

Workaround

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