Create template - confluence editor : Form field is not labeled

Issue Summary

In Create template editor, the Template name & main content editor input field does not have an accessible label.

Steps to reproduce

1. Navigate to the confluence home page.
2. Navigate to any space.
3. Navigate to the 'space tools' button inside left sidebar region & activate it.
4. Activate 'Content tools' link from the menu.
5. Navigate to the 'Create new template' button inside main content & activate it.

Actual Results

Inside the 'create template' editor, while navigating with screen reader turned on, when user navigate to the main content editor input field , the screen reader does not announce the label. For template name although a placeholder is provided but it doesn’t have a clear & visible label on the page. 

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

Expected Results

A clear & visible label such as "Template name', 'Template content', etc  should be provided on the page. And it should be associated with the input field either explicitly or implicitly.

or provide the label via aria-label attributes. For Example : aria-label ="Template Name".

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

Screenshot

Issue 732887: https://axeauditor.dequecloud.com/api/v1/file/cd4bb8b6-5363-11ec-b364-2be52b8ccfdb 

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.