Issue Summary

The instruction has not been associated with the “Group by” and “Cover image” combo box.

Steps to Reproduce

1. Open the "Backlog" page.
2. Navigate to the "Epics" button and activate it.
3. Using a screen reader navigate to the mentioned instance.
4. Listen that the instruction is not announced along with the label text of the mentioned instance.

Screenshot

Actual Results

The instruction "Provide a short name to identify this epic" is not associated with their respective form field "Epic name".

As a result, screen reader users might miss out on important instructions.

Expected Results

The screen reader should announce the instruction along with label text.

Apply the following changes:

• Add the "aria-describedby" attribute to the form field.

• Reference the "id" value of the element used to display the instruction text in the "aria-describedby" attribute.

Code Example:

<input aria-desribedby="one" class="textfield text long-field" id="customfield_10004" name="customfield_10004" maxlength="254" type="text" value="">
...
<p id="one">Provide a short name to identify this epic.</p>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest