[Suggestion]: Weak Social Links alt text in TeamMember.tsx

Abierto Apto para principiantes
#8,552 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
78/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Tranquilo
Stack tecnológico
react, typescript
Área
accessibility, frontend

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.

Descripción

type: documentation
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.

Lenguaje dominante
JavaScript
Estrellas
11.8k
Forks
7.9k
Merge medio
16 h 6 min
PR fusionados (30 d)
7

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de reactjs/react.dev

Todos los issues de reactjs/react.dev

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.