-
Bug
-
Resolution: Unresolved
-
High
-
Severity 3 - Minor
-
-
Accessibility
Issue Summary
The back button next to the search input lacks an accessible name.
Test URLs
mycolorado-accessibility-support
Steps to Reproduce
- Open the myColorado Support Request Form on iOS or Android devices.
- Enable a screen reader (VoiceOver on iOS or TalkBack on Android).
- Navigate to the search button in the header.
- A search input field appears.
- Navigate to the back arrow key using the screen reader (swipe left using TalkBack).
- Observe that the screen reader announces "button" without an appropriate name.
Screen Recording
Actual Results
The Back button, next to the search input, lacks an accessible name. A backward-pointing arrow is visible, but the <svg> element does not include alternative text. This prevents assistive technologies from exposing the label.
As a result, screen reader user might not understand the purpose of the button effectively.
Expected Results
The screen reader should announce a unique, descriptive label for the button. Specify the label "Back" using the aria-label attribute on the button element.
Code Snippet
<button aria-label="Back" ...> <span ...> <svg role="presentation"... </svg> </span> </button>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available.
Environment
iPhone 15 Pro Max
iOS Version 26.0
Android Version 14
Chrome - Version 140.0.7339.207
Safari- Version 26
TalkBack
Voiceover - Version Latest