[Suggestion]: Weak Social Links alt text in TeamMember.tsx
Ninguém assumiu esta issue ainda.
- Linguagem predominante
- JavaScript
- Estrelas
- 11.8k
- Forks
- 7.9k
- Merge médio
- 1d 11h
- PRs com merge (30d)
- 11
Descrição
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.
Guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Direção de pesquisa
Comece em TeamMember.tsx e inspecione como os rótulos dos links sociais e os ícones decorativos são renderizados na página da equipe. Verifique se os links expõem nomes acessíveis distintos que contenham o nome de cada membro e se os ícones estão ocultos para tecnologias assistivas; em seguida, verifique o comportamento concluído na página da equipe.
Escrita pelo modelo de indexação a partir do texto da issue.
Avaliação
- Stack de tecnologia
- react, typescript
- Domínio
- accessibility, frontend
- Tipo de issue
- Bug
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Status de atividade
- Pouca atividade
- Clareza
- Claramente especificada
- Facilidade para iniciantes
- 78/100