Issue Summary

On the "Accessibility Assessment - Roadmaps" page, the textual description is not provided for the "x" button.

Steps to Reproduce

1. Open the "Accessibility Assessment - Roadmaps" page.
2. Navigate to the "x" button in the main content of the page.
3. Inspect the element and Verify that the textual description is missing for the image button.

Screenshot

Actual Results

The "X" image buttons associated with the edit fields lack textual description. Screen readers will announce these buttons as "Unlabelled". As a result, screen reader users will be unable to identify the purpose of these buttons.

Expected Results

Screen readers should announce the textual description of these image buttons that describe their purpose for the users.
Ensure that an appropriate textual description for the image buttons is provided and completely describes the purpose of these buttons.
The textual description can be provided by adding a visually hidden text using CSS within the button element.
For buttons using inline SVG images, textual descriptions can be added using the <title> and <desc> elements.
Alternatively, use the "aria-label" attribute on the button element to provide a textual description.
 
code snippet

<span class="sc-htpNat bggpcT" aria-label="clear"></span>

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