Accessibility-> The focus when navigating using the keyboard is not clear and missing
- Dominant language
- JavaScript
- Stars
- 2
- Forks
- 12
- PR merge metrics
- No merged PRs in 30d
Description
### Description
**How to replicate:**
* Navigate to the A&R website on the test environment: [A&R Admin](https://d3ahrzu0mpndj3.cloudfront.net/)
* Navigate through the website using the tab key
**Expected Behavior:**
* When navigating using the keyboard, the keyboard focus indicator should be visible
**Issue:**
* The keyboard focus is missing and not clear in most of the places on this website and should be revisited in general
eg: Try navigating through the Enter data page

## Linked issues
relates to
- [x] ~[BRS-822](https://bcparksdigital.atlassian.net/browse/BRS-822)~
Contributor guide
No contributing guide indexed for this repository
Research direction
Open the linked A&R Admin test environment and navigate with the Tab key, starting with the Enter data page. Review the related frontend entry points and reproduce the missing or unclear focus states across the reported areas. Done means keyboard focus is visibly distinguishable throughout the website, especially on the Enter data page, and the behavior can be verified by keyboard navigation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100