Issue Summary

On the “Create object schema” and "Copy: _TEST" modal dialogs the instruction message present for the "Name", "Key" and "Copy as" input fields are not programmatically associated with its input fields.

Steps to Reproduce

1. Open the “Object schema” page.
2. Using a screen reader or keyboard, activate the  “Create object schema” and "copy" button.
3. Observe a dialog appears.
4. Navigate to the mentioned fields and observe the screen reader announcement.

Screenshot

Actual Results

While navigating to the "Name", "Key" and "Copy as" input fields in the “Create object schema” and "Copy: _TEST" modal dialog. the instruction message such as “Max. 50 characters” and so on (which is present just below the input field) is not announced for screen reader users.

As a result, screen reader users will be unaware of what input data is expected if the instruction message is not announced by the screen reader.

Expected Results

The instruction message present for the mentioned input fields should be rendered by the screen reader so that it should be programmatically associated.

1. Provide a unique id to the input field which has the instruction message/text.
2. Provide an aria describedby attribute to its respective input field and reference the “id” of the input field to it.

Code snippet:

<label for="rlabs-insight-create-name">Name<span class="aui-icon icon-required"></span></label>
<input aria-describedby="one" id="rlabs-insight-create-name" class="text js-submit long-field" name="rlabs-insight-create-name" value="">
<div id="one" class="description">Max. 50 characters.</div>

Workaround

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

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura  13.4
Chrome - Version 114.0.5735.106 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest