Issue Summary

The "Close" button (that appears on expanding the "Alerts" link in the header section) does not have a programmatically defined accessible name.

Steps to Reproduce

1. Navigate to the above-mentioned page.
2. Navigate to the "Alerts" link in the header section and activate it.
3. Navigate to the mentioned instance and inspect its code.
4. Observe that the button does not have an accessible name.

Screenshot

Actual Results

The "Close" button does not have a programmatically defined accessible name.

As a result, users of assistive technologies will not be able to understand the purpose or the functionality associated with the button.

Expected Results

Interactive elements must have programmatically defined accessible names so that their functionality is communicated to assistive technology users. In this scenario, use the aria-label attribute to provide an accessible name to the button. Make sure that the accessible name signposts the purpose or the functionality associated with the button.

Code Snippet

<button aria-label="Close">...</button>

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 Ventura 13.3.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2023
NVDA- Version 2023.3
Voiceover - Version Latest