Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
5.2.0
-
Severity 3 - Minor
-
Description
Issue Summary
On the "Create Directory Connector" page, Missing accessible name for "Close" button.
Steps to Reproduce
- Navigate onto the above mentioned page.
- With valid or invalid filled data in "Directory" form, navigate onto "Test connection" button and activate it.
- Using screen reader, Navigate to the "Close" button at the top of the page.
- Listen that no label is announced.
Screenshot
Actual Result
The programmatic accessible name is not provided for "Close" button (that becomes available on activating "Test connection" button). when screen reader users reaches this button it doesn't announce anything for it. as a result, screen reader users would not understand the purpose of the mentioned button and might confuse what kind of functionality is associated for the same.
Expected Result
Interactive elements must have programmatically defined accessible names so that their functionality is communicated to assistive technology users. To achieve this, Provide the accessible name as "Close" for the mentioned button using "aria-label" attribute.
Code Snippet
<span aria-label="Close" class="aui-icon icon-close" role="button" tabindex="0"></span>
Workaround
there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (14-inch, 2021)
macOs Ventura 13.5
Chrome - Version 115.0.5790.114 (Official Build) (x86_64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2023
NVDA- Version 2023.2
Voiceover - Version Latest