Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

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

Offen Anfängerfreundlich
  • Stimmt etwas nicht?
#793 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
1/5
Geschätzter Aufwand
Unter einer Stunde
Anfängerfreundlichkeit
86/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Ruhig
Tech-Stack
typescript
Bereich
accessibility, frontend

Rechercherichtung

Beginne in src/components/CopyPageDropdown.tsx bei etwa den Zeilen 305–314 und reproduziere die Menüansage mit einem Screenreader auf einer Dokumentationsseite wie der verlinkten Schnellstartseite. Füge dem Menü für zusätzliche Optionen ein eindeutiges aria-label hinzu und überprüfe anschließend, dass das Menü sinnvoll angesagt wird und nicht nur als generisches Menü.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

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.
Vorherrschende Sprache
TypeScript
Sterne
1.1k
Forks
400
Ø Merge
18 Std. 31 Min.
Gemergte PRs (30 T.)
69

Entwicklungsumgebung

Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus TanStack/tanstack.com

Alle Issues in TanStack/tanstack.com

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.