Issue Summary

The decorative images present in the "More" combo-box  is not hidden from screen reader.

Steps to Reproduce

1. Select "Projects" from top navigation bar.
2. Select Sample JSM (JSM) project from the dropdown.
3. Now activate "All open" link from the left navigation.
4. Activate "Create queue" button.
5. Navigate to "More" button and activate it.
6. Navigate to the mentioned decorative images using screen reader.
7. Notice that the decorative images receive screen reader focus.

Screenshot

Actual Results

Decorative Checkbox images (which get available after activating "More" button) are defined using before after property. As a result these images receive screen reader focus.

Expected Results

Decorative images should be hidden from screen readers. Ensure that decorative images are hidden from screen readers. Hide the icon using aria-hidden="true" attribute on the <span> element.

Code example

<span aria-hidden="true" class="aui-form-glyph">
</span> 

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.7
Chrome - 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 118.1.1 (19619.2.8.111.7)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest

Workaround

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