IanLunn / IanLunn/Sequence

Improve Keyboard Navigation

Open
#267 0 comments 0 reactions 0 assignees View on GitHub
Plugin Bug
Dominant language
JavaScript
Stars
3.3k
Forks
470
PR merge metrics
No merged PRs in 30d

Description

## Problem

When using the tab key, the user can navigate through step elements but inactive steps can't be seen. In some themes, the browser may move the container to make focused elements in inactive steps visible. This can cause the theme to look and generally appear to be broken.
## Solution 1

When an element receives focus, Sequence should determine which step it belongs to and navigate to it accordingly.

This may be costly on JS performance and generally not possible.
## Solution 2

Prevent focus on elements in inactive steps using `tabindex`. The user can still navigate the entire application via pagination, prev/next controls and tabbing but elements within a step can only be focusable when the step becomes active.

See: [Focusable Elements with tabindex](http://davidwalsh.name/tabindex-focus)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.