vailabel/vailabel-studio
在 GitHub 查看a11y: Add accessible labels to canvas tool-rail buttons
Open
#246 创建于 2026年6月19日
good first issuehacktoberfest
仓库指标
- Star
- (62 star)
- PR 合并指标
- (PR 指标待抓取)
描述
Summary
Icon-only buttons in the tool rail likely lack accessible names, making them unreadable to screen readers. Add aria-label (or title) to each. (Suggest adding an accessibility label to this issue.)
Where
apps/studio/src/features/studio(the canvas tool rail) and shared UI inapps/studio/src/shared/ui.
Steps
- Branch:
git checkout -b a11y/toolrail-aria-labels. - Find the icon buttons in the tool rail (bounding box, polygon, keypoint, etc.) —
<button>elements without text children. - Add a descriptive
aria-labelto each (e.g.,aria-label="Bounding box tool"). - Verify with the browser devtools accessibility panel or
yarn studio. - Run
yarn lintandyarn typecheck; commitfix(a11y): add aria-labels to tool rail buttonsand open a PR.
Acceptance criteria
- Every icon-only tool button has a meaningful accessible name.
- No new lint/type errors.
Good first issue — comment here if you'd like to take it.