Issue Summary

Within the "Warning Centre" non-modal decorative image associated with the toggle buttons in not hidden from screen reader users.

Steps to Reproduce

1. Open the "Accessibility Assessment - Roadmaps" page.
2. Navigate to the "warning" button below the header section and activate it.
3. Verify a non-modal opens now go to the toggle button and activate it.
4. Now inspect the button and verify that the decorative image is not hidden.

Screenshot

Actual Results

Decorative images/icons such as "Tick" associated with the toggle button is not hidden from screen readers. 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.
Apply the following changes:
• Wrap the decorative icon inside a <span> element.
• Hide the icon using aria-hidden="true" attribute on the <span> element.

Workaround

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

Environment

MacBook Pro (13-inch, 2018)
macOs Ventura 13.3.1
Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest