bcgov / bcgov/bcparks-ar-api

Accessibility-> The focus when navigating using the keyboard is not clear and missing

Open
#266 0 comments 0 reactions 0 assignees View on GitHub
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

![Image](https://github.com/bcgov/bcparks-ar-api/assets/145403218/13923f70-abfa-49d8-a3e1-3925ecc54455)

## 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.