TanStack / TanStack/tanstack.com

Define the aria-label for the extra options menu of the copy page dropdown

Abierto Apto para principiantes
#793 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
TypeScript
Estrellas
1.1k
Forks
401
Merge medio
18 h 14 min
PR fusionados (30 d)
56

Descripción

Hi! 👋

Currently, in the copy page dropdown at the top of each page on the documentation pages, there is no clear label for the menu next to the "Copy page" (as Markdown) button (a screen reader only announces that it is a menu). That being said, I think it would be useful to add an aria-label to this menu to make it clearer. Two suggestions:

  • More AI options
  • More Markdown options (source)

What do you think? Let me know if I can open a PR if you agree with the change.

Steps to Reproduce

  1. Go to https://tanstack.com/start/latest/docs/framework/react/quick-start (or a similar documentation page).
  2. Turn on the screen reader (for example, VoiceOver on macOS) and tab to the "Copy page" button.
  3. Press tab again and listen to the "generic" announcement about this element being a menu.

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

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.

Línea de trabajo

Comienza en src/components/CopyPageDropdown.tsx, alrededor de las líneas 305-314, y reproduce el anuncio del menú con un lector de pantalla en una página de documentación como la página de inicio rápido enlazada. Añade un aria-label claro al menú de opciones adicionales y verifica después que el menú se anuncie de forma significativa, en lugar de anunciarse únicamente como un menú genérico.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
typescript
Área
accessibility, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
1/5
Tiempo estimado
Menos de una hora
Estado de actividad
Tranquilo
Claridad
Bien especificado
Aptitud para principiantes
86/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.