Inline Comments - Reply: Form field is not labeled

Issue Summary

The 'Reply' textarea field does not have an accessible label. 

Steps to reproduce

1. Navigate to any page in confluence.
2. Navigate to any text content which has inline comments (Highlighted in yellow colour) inside main region & activate it.
3. Navigate inside inline comments edit box which appears on the right side of the page.
4. Navigate to the 'Reply' textarea field.

Actual Results

While navigating with screen reader turned on, when user navigate to the 'Reply' textarea field, the screen reader announces as 'Rich text area'. Although a placeholder text is provided which is not available for users once the textarea field is activated. A visible label is not provided to the Reply textarea field.

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

Expected Results

A clear & visible label such as "Add a reply" should be provided above the 'Reply' textarea 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 731942: https://axeauditor.dequecloud.com/api/v1/file/c8d229fe-527e-11ec-a343-cf3c0e1a3001 

Comments - Reply: https://axeauditor.dequecloud.com/api/v1/testrun-unit-screenshot/9d27ac92-5252-11ec-9009-b7a10174219b 

Workaround

If providing visible label on the page is not possible, then use aria-label attribute to provide an accessible label to the reply 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.