Issue Summary

When user provide the incorrect entry or keep the fields blank error message is getting appeared on the screen which is not associated.

Steps to Reproduce

1. Navigate to the Side navigation bar.
2. Activate the "Space Tools" button.
3. Select the "Permissions" option.
4. Navigate to "Permissions" tab and activate it.
5. Activate the "Edit Permissions" button.
6. Keep the fields blank and check the error message.

Screen Recording

Screen Recording 2023-10-03 at 1.46.00 PM.mov

Actual Results

When users submit "Groups to add" field with incorrect input, error messages such as "Group hi could not be found. Please confirm the existence of the group with a Confluence Administrator." and on empty submissions "You must enter a group." get dynamically displayed above the form fields.
As a result, screen reader users are unaware about the occurrence of errors.

Expected Results

Apply the following changes: 

• Add 'aria-describedby' attribute to the form field.
• Reference 'id' attribute value of the containner used to display the error message to 'aria-describedby' attribute.

Code Snippet

<div id="groupsToAdd-error" class="aui-message aui-message-error error">You must enter a group.</div>
<input aria-describedby="groupsToAdd-error"id="groups-to-add-autocomplete" name="groupsToAdd" class="autocomplete-group autocomplete-field text long-field" data-none-message="No matches found" data-dropdown-target="#groups-to-add-autocomplete-dd" data-resize-to-input="true" data-autocomplete-user-or-group-bound="true" autocomplete="off">

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest