Issue Summary

On "Find an issue" page, the selected state for "Detailed view" and "List view" links is not defined (appears on activating the "Change view" button).

Note : This issue is found on "Basic" and "Advanced" mode.

Steps to Reproduce

1. Open any project. 
2. Activate "Issues" button in the header section and select "Search for issues" option.
3. Navigate through page using screen reader. 
4. Activate "Change view" button. 
5. observe that the selected view link is not defined programmatically.

Screenshot

Actual Results

 
The selected state is not programmatically defined for the "Default view" and "List view" links when they are selected.
As a result, screen reader users will not be aware of the selected state of the links.

Expected Results

The screen reader should announce selected state for the link.

In this case, provide selected state using hidden text. Make sure that the hidden text is removed and added on correct link on interaction.

<a href="#"...>
List view
<span class="visuallyHidden>Selected</span>
</a>

Workaround

Not available

Environment

MacBook Pro (16-inch, 2021)

macOS Sonoma Version 14.1

Chrome - Version 119.0.6045.159 (Official Build) (arm64)

Firefox- Version 93.0 (32-bit) Safari- Version 17.1 (19616.2.9.11.7)

JAWS- Version 2023

NVDA- Version 2020.3

Voiceover - Version Latest