While tabbing the current selection is not visible. (All challenges, My Challenge, Open for registration, Ongoing challenges) using tab

Register
Submit a solution
The challenge is finished.

Challenge Overview

Steps to Reproduce

  1. Go to https://www.topcoder.com/challenges and Login using valid credentials
  2. Press All challenges
  3. Press Tab
  4. Press enter and it will select My Challenge
  5. Do tha same for Open for registration, Ongoing challenges

Expected Result While tabbing the current selection should be marked by a rectangle. Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.

Actual Result While tabbing the current selection is not visible.

Device: Desktop/Labtop Operating System: Windows Browser: Chrome

WCAG Category: 2. Operable WCAG Level: AA WCAG Success Criterion: 2.4.7 Focus Visible Screen Reader Used: N/A Accessibility Audit Tool used: Other

Attachment https://topcodermsft-my.sharepoint.com/personal/pd-topcoder_topcodermsft_onmicrosoft_com/Documents/Forms/All.aspx?cid=58da9b68%2Df2a3%2D45d2%2Dbbae%2D15abdfd0865b&FolderCTID=0x0120005C598A51049FC14CBA882E1AEE168F51&sortField=Modified&isAscending=true&id=%2Fpersonal%2Fpd%2Dtopcoder%5Ftopcodermsft%5Fonmicrosoft%5Fcom%2FDocuments%2FMSFT%2DTeams%2DQA%2FJune%202019%2F29%20Jun%2FTest%20Results%2FBug%20Videos%20%26%20Log%20Files%2Fcodejam%2DAccessibility%2F19



Final Submission Guidelines

Upload the updated code to TopCoder

Review style

Final Review

Community Review Board

Approval

User Sign-Off

Challenge links

ID: 30097528