Microsoft/vscode

[Feature] Color Picker: Keyboard accessibility

Open

#31,637 opened on Jul 28, 2017

View on GitHub
 (11 comments) (0 reactions) (1 assignee)TypeScript (10,221 forks)batch import
accessibilityeditor-color-pickerfeature-requesthelp wanted

Repository metrics

Stars
 (74,848 stars)
PR merge metrics
 (Avg merge 11h 43m) (1,000 merged PRs in 30d)

Description

Refs: #31457

It is good that the color picker can be triggered via our "Show Hover" command, however after that you can not do any changes to it using the keyboard. It should be possible to use the keyboard to navigate inside the color picker and choose colors appropriatly.

Contributor guide

Research direction
Look at the existing color picker component in the VS Code codebase, understand its structure and event handling. Then implement keyboard navigation using arrow keys and Enter/Space to select colors, following accessibility guidelines (e.g., WAI ARIA).
Tech stack
typescript
Domain
frontendaccessibility
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
TypeScriptAccessibility
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60