Jaishree2310/GlassyUI-Components

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

Offen

#637 geöffnet am 28.05.2026

Auf GitHub ansehenContributor Guide
 (3 Kommentare) (0 Reaktionen) (1 zugewiesene Person)TypeScript (217 Forks)auto 404
good first issuegssoc'26gssoc:approvedtype:bug

Repository-Metriken

Stars
 (114 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

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-Richtung
Überprüfen Sie jede aufgeführte Komponentendatei, lokalisieren Sie die <button> Elemente und fügen Sie ein geeignetes aria label hinzu, das die Aktion der Schaltfläche beschreibt.
Tech Stack
typescriptreact
Domain
frontend
Issue Type
Barrierefreiheit
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
HTMLReact
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85