Define the aria-label for the extra options menu of the copy page dropdown
Nobody has claimed this yet.
Assessment
- Difficulty
- 1/5
- Estimated time
- Under an hour
- Newbie friendliness
- 86/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Quiet
- Tech stack
- typescript
- Domain
- accessibility, frontend
Research direction
Start in src/components/CopyPageDropdown.tsx around lines 305-314 and reproduce the menu announcement with a screen reader on a documentation page such as the linked quick-start page. Add a clear aria-label to the extra options menu, then verify that the menu is announced meaningfully instead of only as a generic menu.
Written by the indexing model from the issue text.
Description
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
- Go to https://tanstack.com/start/latest/docs/framework/react/quick-start (or a similar documentation page).
- Turn on the screen reader (for example, VoiceOver on macOS) and tab to the "Copy page" button.
- Press tab again and listen to the "generic" announcement about this element being a menu.
- Dominant language
- TypeScript
- Stars
- 1.1k
- Forks
- 401
- Avg merge
- 18h 44m
- Merged PRs (30d)
- 55
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from TanStack/tanstack.com
-
source-audit
Difficulty 1/5 Under an hour Newbie friendliness 84/100
TanStack/tanstack.com#1195 ·
-
source-audit
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
TanStack/tanstack.com#1194 · 2 comments ·
-
source-audit
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
TanStack/tanstack.com#1177 · 1 comment ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 64/100
TanStack/tanstack.com#1059 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
TanStack/tanstack.com#1047 ·
All issues in TanStack/tanstack.com
Similar issues
-
clawsweeper:linked-pr-open clawsweeper:no-new-fix-pr clawsweeper:source-repro impact:message-loss issue-rating: 🦞 diamond lobster maturity:stable P2
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
Eynzof/Hermes-CN-Desktop#616 ·
-
ZCode 3.14.3 に対応する Open
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
supermomonga/zcode-acp#24 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
growthbook/growthbook#7100 ·
-
triage
Difficulty 1/5 1-3 hours Newbie friendliness 88/100