Microsoft/vscode

Hover accessible view shows icons as space

Closed

#217,974 opened on Jun 25, 2024

View on GitHubContributor guide
 (1 comment) (1 reaction) (2 assignees)TypeScript (39,847 forks)batch import
bugeditor-hoverhelp wanted

Repository metrics

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

Description

Testing #217237

I don't know what the norm is for screen readers, but it might be nice to have something other than "space" read when keying to an icon.

Contributor guide

Research direction
The issue reports that in the hover accessible view, icons are read as 'space' by screen readers. To fix, examine the hover view implementation in VS Code, likely in `src/vs/workbench/contrib/hover`. Look at how icons are rendered with aria labels or hidden text. The linked test issue #217237 may provide context. Consider adding `aria label` or visually hidden text to icons. Existing patterns in the codebase (e.g., in other views) can guide the solution.
Tech stack
typescripthtmlcss
Domain
accessibility
Issue type
Accessibility
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Basic understanding of web accessibility (ARIA labels)
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40