-
Type:
Bug
-
Resolution: Unresolved
-
Priority:
Low
-
None
-
Affects Version/s: 8.4.0, 9.2.0
-
Component/s: Accessibility
-
- 1.3.1
- ax-at-user
- ax-bug
- ax-confluence-2024-vpat-create/editpage
- ax-confluence-2024-vpat-emoji
- ax-confluence-dc-2023-vpat
- ax-confluence-dc-2024-vpat
- ax-confluence-dc-2024-vpat-reuse
- ax-confluence-dc-vpat
- ax-confluence-dc-vpat-createanewpage-editor
- ax-confluence-dc-vpat-createeditpage
- ax-confluence-dc-vpat-pg07
- ax-confluence-dc-vpat-reuse
- ax-medium-priority
- ax-qa
- ax-qa-not-fixed
- ax-qa-verified
- level-A
- wcag21
-
Severity 3 - Minor
Issue Summary
On the “Create | Set page location” page, the "Start typing a page title to see a list of suggestions." hint text is not associated with the "New parent page:" input field.
Note: Similar instances were found on the following pages:
- The "Web, email or any other internet address" instruction with the "Address" input field in the "Web link" tab on the "Create page | Insert link" page.
- The "To insert a link to a new page, type in the desired page title." and "To insert an anchor link, type #anchorname." instructions with the "Link" input field in the "Advance" tab on the "Create page | Insert link" page.
- The "JPG, PNG or GIF. Max size 1 MB." instruction with the "Select an image to upload" button (that appears on activating the "Add your own emoji" button) on the "Create page | Insert emoji" page.
Steps to Reproduce
- Navigate onto the above mentioned page.
- Navigate onto the above mentioned input field and observe the hint text provided for the form field.
- Inspect the code.
- Observe that the hint text is not programmatically associated with the form field.
Screenshot

Actual Results
There is a “New parent page:” input field with a hint text. This hint text is necessary for the users to understand or complete the form field. However, this information is not programmatically associated with the form field. As a result, the complete purpose of the form field may be unclear to the users of a screen reader.
Expected Results
The necessary-to-know information must be correctly associated with the form fields. To achieve this, use “aria-describedby”. Make sure that the “aria-describedby” value and “id” match correctly. As well, make sure that this attribute is defined on the interactive element, rather than defining it on the parent or child element. Code Snippet <label for="i1">New parent page:</label> <input type="text" id="i1" aria-describedby="h1" ...> <span id="h1">Start typing a page title to see a list of suggestions.</span>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOS Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest
- is resolved by
-
A11Y-432 Loading...