TanStack / TanStack/tanstack.com

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

Offen Anfängerfreundlich
#793 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
1.1k
Forks
401
Ø Merge
18 Std. 14 Min.
Gemergte PRs (30 T.)
56

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.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

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.

Bewertung

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

Neue Issues direkt in Ihr Postfach

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