Add page comment: Form field is not labeled

Issue Summary

The 'write a comment' input field does not have an accessible label.

Steps to reproduce

1. Navigate to any page in Confluence.
2. Navigate to 'Write a comment' button in the main content & activate it.
3. Navigate to the input field.

Actual Results

While navigating with screen reader turned on, when user navigate to the add a comment input field , the screen reader does not announce the label. The screen reader announce 'edit text'.

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

Expected Results

A clear & visible label such as '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 731950: https://axeauditor.dequecloud.com/api/v1/file/8443f674-527d-11ec-bbb2-e77403c61c21 

Workaround

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

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.