[Suggestion]: Weak Social Links alt text in TeamMember.tsx
Nessuno ha ancora preso questa issue.
- Lingua principale
- JavaScript
- Stelle
- 11.8k
- Fork
- 7.9k
- Merge medio
- 1g 11h
- PR unite (30g)
- 11
Descrizione
Summary
The accessibility problem on social links
Page
https://react.dev/community/team
Details
Social links use aria-label={${name} on Twitter}, but Github ("Github Profile") and Personal ("Personal Site") omit the name. On a page with dozens of members these are indistinguishable to screen reader users. Normalize them to include name.
Also adding aria-hidden="true", hiding decorative icons keeps the accessible name clean.
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia in TeamMember.tsx e controlla come vengono renderizzate le etichette dei collegamenti social e le icone decorative per la pagina del team. Verifica che i collegamenti espongano nomi accessibili distinti contenenti il nome di ciascun membro e che le icone siano nascoste alle tecnologie assistive; quindi controlla il comportamento completato nella pagina del team.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react, typescript
- Ambito
- accessibility, frontend
- Tipo di issue
- Bug
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Tranquilla
- Chiarezza
- Specificata chiaramente
- Idoneità per principianti
- 78/100