Keyboard focus is not visible on the Contributors page when navigate with TAB key. :A11y_Aspire website_Contributors_Keyboard

[PoojaNamde]

GitHub Tags:

#A11yTCS; #A11yMAS; #A11ySev2; #A11yWCAG; #DesktopWeb; #ChromiumEdge; #Win11; #Developer Community Partners; #SH_AspireWebsite_Web_Jan26; #WCAG2.4.7; #Focus Visible;

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification."

Environment Details:

Application Name: Aspire website
URL: https://aspire.dev/
Chromium Edge: Version 145.0.3775.0 (Official build) dev (64-bit)
Edition: Windows 11 Enterprise Insider Preview
Version: 24H2
OS build: 26540.1001

Repro steps:

1. Hit the URL: https://aspire.dev/community/contributors/.
2. Navigate using TAB key.
3. Observe the issue that Keyboard focus is not visible on the Contributors page when navigate with TAB key.

Actual Result:

On the Contributors page, keyboard focus is not visible when navigating using the TAB key. After the Overview section, focus continues to move across contributor profiles, but no visual focus indicator is displayed. Additionally, the links present below the contributor profiles also do not show any visible focus, making keyboard navigation unclear.

Expected Result:

All focusable elements should display a clearly visible keyboard focus indicator when navigated using the TAB key.

User Impact:

Keyboard-only users and users with motor impairments may be unable to determine their current focus location, making navigation confusing and inefficient. Screen magnifier users may also lose track of interaction context due to the absence of visible focus cues.

Attachment:

226_Issue.mp4

[IEvangelist]

Addressed by #233