Issue Summary

On the "Help center | View/Approve request" page, the "Attachment" icon does not have keyboard support & accessible name.

Steps to Reproduce

1. Navigate to the above-mentioned page.
2. Navigate to the mentioned instances with a keyboard.
3. Observe that the buttons do not have keyboard support.

Screenshot

Actual Results

The "Attachment" icon lacks keyboard support. As a result, they cannot be operated with a keyboard and screen reader.
Additionally, When the screen reader users navigate onto the mentioned icon, no label is announced for it.

Expected Results

All interactive elements should be focusable and operable with a keyboard. Use native <button> elements that have keyboard support by default.
If this is not possible, use custom role="button" and tabindex="0" to make sure that these buttons receive keyboard focus and have an interactive role.

Provide an appropriate accessible name as “Attach files” for the mentioned icon using the “aria-label” attribute.

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOs Ventura 13.5.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 2022
NVDA- Version 2021.2
Voiceover - Version Latest