[Suggestion]: Weak Social Links alt text in TeamMember.tsx
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- JavaScript
- Estrellas
- 11.8k
- Forks
- 7.9k
- Merge medio
- 1 d 11 h
- PR fusionados (30 d)
- 11
Descripción
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.
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Empieza en TeamMember.tsx e inspecciona cómo se renderizan las etiquetas de los enlaces sociales y los iconos decorativos de la página del equipo. Verifica que los enlaces expongan nombres accesibles distintos que contengan el nombre de cada miembro y que los iconos estén ocultos para las tecnologías de asistencia; después, comprueba en la página del equipo el comportamiento completado.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- react, typescript
- Área
- accessibility, frontend
- Tipo de issue
- Error
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Estado de actividad
- Tranquilo
- Claridad
- Bien especificado
- Aptitud para principiantes
- 78/100