pnp / pnp/sp-dev-fx-controls-react

Accessibility Issue in RichText Editor "Font Color" and "Highlight color"

Open
#1,942 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted type:bug
Dominant language
TypeScript
Stars
433
Forks
418
Avg merge
5d 6m
Merged PRs (30d)
19

Description

Keyboard users will be impacted if Focus does not retain on the "Font Color" and "Highlight color" controls after closing their respective dialogs. They have to do extra navigation to reach the control again which will hamper their task. Also, if the focus order is not logical, then user will not be able to understand the order of the elements being navigated which leads to confusion. This will confuse cognitive users also.

Actual Result:
Focus does not retain on the "Font Color" and "Highlight color" controls after closing their respective dialogs.

Expected Result:
Focus should retain on the "Font Color" and "Highlight color" controls after closing their respective dialogs.

Image

Please see attached screenshot when selecting the color after selection focus is going outside of Text formatting panel and it never accessible again when i keep pressing tab

Contributor guide

No contributing guide indexed for this repository

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

Start by reproducing the keyboard flow in the RichText Editor, focusing on the Font Color and Highlight color controls and their dialogs. Inspect how focus is handled when each dialog closes and verify that focus returns to the triggering control and follows a logical order during Tab navigation.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
accessibility, frontend
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.