You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
fix(www): add accessible label to clipboard copy button - #2251
The clipboard copy button in the landing page (www/src/components/landingPage/ClipboardSelect.tsx) previously rendered an icon-only Menu.Button with no accessible name, failing WCAG 2.1 Level A criterion 4.1.2 (Name, Role, Value). Screen reader users could not identify the buttons purpose.
Added aria-label="Copy command to clipboard" to the button. The label reflects the action: the button copies the selected package-manager command (e.g. npm create t3-app@latest).
Checklist
Followed contributing guide
PR title follows conventional-commit convention
Performed functional test on final commit (typecheck + prettier pass)
Screenshots
Not applicable — single attribute accessibility fix, no visual change.
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
This PR includes no changesets
When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types
Hi maintainers — this adds an accessible aria-label to the clipboard copy button on the landing page. CI is green. The changeset-bot note isn't applicable here since this only touches the www docs/landing site (not a published package). Ready for review — happy to adjust. Thanks!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Closes #2185
Changelog
The clipboard copy button in the landing page (
www/src/components/landingPage/ClipboardSelect.tsx) previously rendered an icon-onlyMenu.Buttonwith no accessible name, failing WCAG 2.1 Level A criterion 4.1.2 (Name, Role, Value). Screen reader users could not identify the buttons purpose.Added
aria-label="Copy command to clipboard"to the button. The label reflects the action: the button copies the selected package-manager command (e.g.npm create t3-app@latest).Checklist
Screenshots
Not applicable — single attribute accessibility fix, no visual change.