Redocly / Redocly/redoc

Accessibility: Visibility of chain symbol

Open
#2,523 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Type: Enhancement
Dominant language
TypeScript
Stars
25.9k
Forks
2.4k
Avg merge
13h 10m
Merged PRs (30d)
4

Description

Describe the problem to be solved
Headings with a 'chain symbol' serve as links and receive focus when tabbing. However, the focus indicator for the chain symbol is not visible. Therefore, when navigating with the keyboard (tab), you can access the links, and only then does the chain symbol become visible.

image

Describe the solution you'd like
We would like the chain symbol to always be visible and to have a border around it when focused with the tab key.

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 or test is named in the issue. Start by locating the heading chain-symbol component and its styles, then verify keyboard focus behavior with the tab key; done means the symbol remains visible and shows a border when focused.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.