Jaishree2310/GlassyUI-Components

[A11Y] Missing `aria-label` on interactive buttons across multiple files

Open

#637 opened on May 28, 2026

View on GitHub
 (3 comments) (0 reactions) (1 assignee)TypeScript (217 forks)auto 404
good first issuegssoc'26gssoc:approvedtype:bug

Repository metrics

Stars
 (114 stars)
PR merge metrics
 (PR metrics pending)

Description

Hello! The <button> elements in several files lack aria-label attributes, making it difficult for assistive technologies to determine their purpose. Affected files include:\n- src/components/DropdowndetailsPage.tsx\n- src/components/StatisticDetails.tsx\n- src/components/Stories.tsx\n- src/components/CalendarDetails.tsx\n- src/components/NavigationDetailsPage.tsx\n\n### Proposed Approach:\n1. Identify buttons in the affected files that need accessible names.\n2. Apply appropriate aria-label attributes.\n3. Verify tab accessibility.\n\nI would love to take this on for GSSoC '26. Could you please assign this to me?

Contributor guide

Research direction
Review each listed component file, locate the <button> elements, and add an appropriate aria label describing the button's action.
Tech stack
typescriptreact
Domain
frontend
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.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTMLReact
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85