Add inline comment: Form field is not labeled

.Issue Summary

Inline comment input field does not have an accessible label.

Steps to reproduce

1. Navigate to any page in confluence.
2. Navigate to any text content inside main region.
3. Select any text for which you want to add inline comment.
4. Activate 'Add inline comment' button.
5. Navigate inside inline comments edit box which appears on the right side of the page.

Actual Results

While navigating with screen reader turned on, when user navigate to the add inline comments input field, the screen reader announces as 'Frame 0, rich text area'. A label is not provided to the comments input field.

This makes screen reader users difficult to understand the purpose of the input field.

Expected Results

A clear & visible label such as "write a comment/ add a comment" should be provided above the comments input field. And it should be associated with the input field either explicitly or implicitly.

Note: The label text is provided as per QA perspective. Please confirm with content design team before finalising the same.

Screenshots:

Issue 731948: https://axeauditor.dequecloud.com/api/v1/file/235ffafa-527e-11ec-a96f-ff908f376e53 

Workaround

If providing visible label on the page is not possible, then use aria-label attribute to provide an accessible label to the comment input field.

BACKGROUND

People who are blind cannot use the visual presentation of a form to determine the label for a form element. In order for screen reader users to be certain of a form field's label, every form input and control needs a label, also known as an "accessible name." When form elements have a programmatically determinable accessible name, a screen reader user can put focus on a form element and the screen reader will automatically read the label and element type together. In addition, some coding methods will create a larger clickable area for the form element which benefits people with motor disabilities.