Tab-navigation across all pages not working #112

Closed
opened 2025-09-22 03:21:46 -04:00 by swap12875d · 2 comments

Description:

Unable to navigate with keyboard on the nav menus.

Current URL:

https://www.topcoder.com/freelancer

Steps to reproduce:

  1. Open https://www.topcoder.com/challenges in a web browser.
  2. Try to navigate with keyboard on app
  3. Observe, with the keyboard navigation is unable to reach the nav tabs- Solutions, community, and Resource
  4. the tab moves like Topcoder logo, - How it works - Waflle icon, but skipping the main nav menus, windows-chrome, url - https://www.topcoder.com/freelancer

Actual results:

  • The keyboard navigation is not working with tab key, not following the expected sequence

Expected results:

  • The tab navigation should work as expected on the page, allowing user to navigate properly on the app.

Screenshots/Videos:

OS and Browser version:

Windows 11, Chrome 140.0.7339.186

VersionDetails:

Windows_chrome_version_screenshot

Device:

Windows Laptop

Reproducibility:

5/5 (reproducible every time)

#### Description: Unable to navigate with keyboard on the nav menus. #### Current URL: https://www.topcoder.com/freelancer #### Steps to reproduce: 1. Open https://www.topcoder.com/challenges in a web browser. 2. Try to navigate with keyboard on app 3. Observe, with the keyboard navigation is unable to reach the nav tabs- Solutions, community, and Resource 4. the tab moves like Topcoder logo, - How it works - Waflle icon, but skipping the main nav menus, windows-chrome, url - https://www.topcoder.com/freelancer #### Actual results: - The keyboard navigation is not working with tab key, not following the expected sequence #### Expected results: - The tab navigation should work as expected on the page, allowing user to navigate properly on the app. #### Screenshots/Videos: <video src="attachments/776d9f72-9d27-4366-9700-1c50d88cf8a2" title="broken navigation with keyboard.mp4" controls></video> #### OS and Browser version: Windows 11, Chrome 140.0.7339.186 VersionDetails: <img src='/attachments/1f354afb-af2d-44dc-8c03-73de2f71fa79' width='600' height='375' alt='Windows_chrome_version_screenshot'> #### Device: Windows Laptop #### Reproducibility: 5/5 (reproducible every time)
swap12875d added the FunctionalWindowsChrome labels 2025-09-22 03:21:46 -04:00
nithya160925 added the Out of Scope label 2025-09-24 01:33:31 -04:00
Collaborator

Accessibility is out of scope

Accessibility is out of scope
Author
https://git.topcoder-dev.com/Topcoder-Platform/public-website-qa-bug-hunt/issues/216#issuecomment-1097
Sign in to join this conversation.
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Topcoder-Platform/public-website-qa-bug-hunt#112