bcgov / bcgov/entity

UI Design - Stepper (Keyboard Trap) - (Issue #4)

Open
#21,182 0 comments 0 reactions 0 assignees View on GitHub
Assets UX
Dominant language
JavaScript
Stars
23
Forks
62
Avg merge
24m
Merged PRs (30d)
1

Description

New registration keyboard trap on Stepper (line 28)

- Cannot navigate beyond stepper with keyboard, resets to first page in stepper flow.
- Tab should focus the step item, but not select it. Enter should activate the step that is focused.
- Currently, the tab key both focuses and activates the item, so there is no way to tab to the fields within a step

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the Stepper implementation and inspect the behavior around line 28. Reproduce the registration flow with keyboard navigation; done means Tab focuses a step without selecting it, Enter activates the focused step, and Tab can then reach fields within the step.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.