Jaishree2310/GlassyUI-Components

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

Aperta

#637 aperta il 28 mag 2026

Vedi su GitHubGuida contributor
 (3 commenti) (0 reazioni) (1 assegnatario)TypeScript (217 fork)auto 404
good first issuegssoc'26gssoc:approvedtype:bug

Metriche repository

Star
 (114 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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?

Guida contributor

Direzione di ricerca
Esamina ciascun file dei componenti elencati, individua gli elementi <button> e aggiungi un'etichetta aria label appropriata che descriva l'azione del pulsante.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Accessibilità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
85