Topcoder-Platform/public-website-qa-bug-hunt
2
1
Fork 0
Code Issues 119 Pull Requests Wiki Activity

Keyboard navigation focus highlight missing on 'Reset Filter' button on Challenges Details page #216

New Issue
Closed
opened 2025-09-22 11:14:13 -04:00 by swap12875d · 3 comments
swap12875d commented 2025-09-22 11:14:13 -04:00
Copy Link

Description:

On the challenges details page, keyboard navigation is not correctly handled. The 'Reset Filter' button does not get highlighted when it receives focus or becomes the active control via keyboard navigation.

Current URL:

https://www.topcoder.com/challenges

Steps to reproduce:

  1. Open the challenges details page at https://www.topcoder.com/
  2. Use keyboard navigation (Tab key) to move focus through the page elements.
  3. Observe the 'Reset Filter' button when it receives focus.
  4. Note that the button is not visually highlighted indicating active focus.

Actual results:

The 'Reset Filter' button does not show any focus or active state highlighting when navigated to using the keyboard.

Expected results:

The 'Reset Filter' button should be clearly highlighted or show a visible focus indicator when it receives keyboard focus to comply with accessibility standards.

Screenshots/Videos:

OS and Browser version:

Mac OS 15.5, Safari 18.5

VersionDetails:

Device:

MAC book

Reproducibility:

5/5 (reproducible every ti

#### Description: On the challenges details page, keyboard navigation is not correctly handled. The 'Reset Filter' button does not get highlighted when it receives focus or becomes the active control via keyboard navigation. #### Current URL: https://www.topcoder.com/challenges #### Steps to reproduce: 1. Open the challenges details page at https://www.topcoder.com/ 2. Use keyboard navigation (Tab key) to move focus through the page elements. 3. Observe the 'Reset Filter' button when it receives focus. 4. Note that the button is not visually highlighted indicating active focus. #### Actual results: The 'Reset Filter' button does not show any focus or active state highlighting when navigated to using the keyboard. #### Expected results: The 'Reset Filter' button should be clearly highlighted or show a visible focus indicator when it receives keyboard focus to comply with accessibility standards. #### Screenshots/Videos: <video src="attachments/d829af95-f006-4a79-8aa9-0705b233179d" title="reset filter button not highlighted on keyboard navigation.mp4" controls></video> #### OS and Browser version: Mac OS 15.5, Safari 18.5 VersionDetails: <img src='/attachments/0a7aed65-15d6-43c1-9ba9-8e77abd96893' width='250' height='500'> #### Device: MAC book #### Reproducibility: 5/5 (reproducible every ti
reset filter button not highlighted on keyboard navigation.mp4
16 MiB
swap12875d added the UXMacOSSafari labels 2025-09-22 11:14:13 -04:00
nithya160925 added the Out of Scope label 2025-09-24 01:33:51 -04:00
nithya160925 commented 2025-09-24 01:33:58 -04:00
Collaborator
Copy Link

Accessibility is out of scope

Accessibility is out of scope
swap12875d commented 2025-09-24 03:11:06 -04:00
Author
Copy Link

Hi @nithya160925 ,
Thanks for pointing out. But ‘accessibility is out of scope’ is no where mentioned or communicated.
Also the section in challenge details shadows the scope as accessibility too

General Site Content: Review all page content and footer links for accuracy, freshness, and proper functionality.

Can you please reconsider. Thanks.

Hi @nithya160925 , Thanks for pointing out. But ‘accessibility is out of scope’ is no where mentioned or communicated. Also the section in challenge details shadows the scope as accessibility too > General Site Content: Review all page content and footer links for accuracy, freshness, and proper functionality. Can you please reconsider. Thanks.
nithya160925 commented 2025-09-24 14:16:05 -04:00
Collaborator
Copy Link

We are only looking for functional, ui, ux and content issues for this bug hunt. All non-functional (security, performance, memory leakage, accessibility, etc) issues are out of scope.

We are only looking for functional, ui, ux and content issues for this bug hunt. All non-functional (security, performance, memory leakage, accessibility, etc) issues are out of scope.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
carousel
issues related to carousel on different pages
 Chrome
Content
An issue involving incorrect or outdated content
 data issue
duplicate
Edge
Firefox
Functional
An issue where a feature or function is not behaving as expected
 incomplete
incomplete steps, missing details
 Invalid
Issues that are not in scope, not reproducible, incomplete, etc
 MacOS
Not a bug
Out of Scope
P: Account Settings
P: AI Hub
P: Blog
P: Challenge Details Page
P: Challenge Listing Page
P: Customer Stories Page
P: Freelancers Page
P: Help page
P: Help Page
P: Homepage
P: Marathon Tournament Page
P: My Profile
P: Review Opportunities Page
P: SignUp flow
P: Statistics Page
P: Talent Page
P: Terms and Policies
P: Thrive
P: Topcoder Academy
P: Topcoder Customer Account
Safari
S: Critical
The issue causes data loss, a system crash, or a major part of the application to be unusable. A workaround may exist, but it is not acceptable for end-users.
 S: High
he issue is a significant bug that affects a key feature, causes incorrect behavior, or results in a poor user experience. It needs to be addressed soon.
 S: Low
A minor issue with minimal impact, such as a typo, misaligned element, or a cosmetic flaw.
 S: Medium
The issue is a noticeable problem, but it doesn't break core functionality. It might be a UI issue, a confusing error message, or a minor functional bug.
 Trivial
UI
An issue concerning a visual design and layout (Ex: button misaligned, text is overlapping)
 UX
An issue that negatively affects the user's journey or usability
 valid
Windows
No Label MacOS Out of Scope Safari UX
Milestone
No items
No Milestone
Assignees
Clear assignees
kiril.kartunov nithya160925 tester1234
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Topcoder-Platform/public-website-qa-bug-hunt#216
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?