Details
-
Bug
-
Resolution: Fixed
-
High
-
7.16.2
-
Desktop Web
Chrome
NVDA
-
Severity 2 - Major
-
Description
Issue Summary
In Create template editor, the Template name & main content editor input field does not have an accessible label.
Steps to reproduce
- Navigate to the confluence home page.
- Navigate to any space.
- Navigate to the 'space tools' button inside left sidebar region & activate it.
- Activate 'Content tools' link from the menu.
- 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.
Attachments
Issue Links
- duplicates
-
CONFSERVER-77296 Create a new page - Admin: Form elements must have labels
- Closed
- resolves
-
CONFSERVER-77285 Create a New Page - Blank Page - Confluence editor: Form elements must have labels
- Closed