reactjs / reactjs/react.dev

Accessibility: Add arrow key navigation

Open
#447 14 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

difficulty: medium discussion type: website
Dominant language
JavaScript
Stars
11.8k
Forks
7.9k
Avg merge
1d 11h
Merged PRs (30d)
11

Description

There are a lot of reference links throughout the site. Adding the ability to navigate using the arrow keys may allow quicker access to information. At the moment, a user has to tab through the entire page before accessing any sort of navigation to another page. This can be frustratingly slow.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No file, test, or entry point is named. Start by surveying the React documentation site's navigation and reference-link structure, then define an accessible arrow-key interaction and verify that keyboard users can reach navigation without tabbing through the entire page.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
accessibility, documentation, web-dev
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.