Issue Summary

When user add any inline comments, the comments gets available on mouse click and not available for screen reader users.

Steps to Reproduce

1. Navigate to the "Create" page and create any random page.
2. Add few lines and publish the page.
3. Select any word or line and click on the "Add inline comment" button.
4. Add your comment and save it.
5. When comment gets added try to relocate it.
6. Verify that comment is not accessible for screen reader users.

Screen Recording

Screen Recording 2023-09-29 at 3.26.36 PM.mov

Actual Results

When user add an inline comment for particular context the inline comment gets added with respective context. The context becomes interactive (on which user has been added the inline comment) which is only accessible by mouse click. As a result, screen reader users are not able to access the functionality associated with it.

Expected Results

Ensure that inline comments should be accessible for all the users including visually impaired users. To achieve this we can make the context keyboard focusable. 

Workaround

Click on "View inline comments" buttons to show all inline comments popup. Current it is accessible with keyboard & screen reader at the end of the page.

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest