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 (74,848 stars) (10,221 forks)batch import
accessibilityeditor-color-pickerfeature-requesthelp wanted

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

Tech stack
typescripthtmlcss
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.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
TypeScriptAccessibility conceptsVS Code extension architecture
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50
Research direction
Start by reading referenced issue #31457 for background. Examine the color picker implementation in the VS Code source (likely in 'src/vs/editor/contrib/colorPicker'). Look for existing keyboard event handlers and ensure all actions are accessible via keyboard. Consider adding ARIA roles and properties (e.g., slider for hue, saturation) and proper focus management. Test with screen readers and ensure compliance with WCAG guidelines.
[Feature] Color Picker: Keyboard accessibility · Microsoft/vscode#31637 | Good First Issue