Skip to content

Fix accessibility bug 2492041 a11y role link buttons#3597

Merged
navya9singh merged 2 commits into
v2from
navya9singh/fix-2492041-a11y-role-link-buttons
Jul 1, 2026
Merged

Fix accessibility bug 2492041 a11y role link buttons#3597
navya9singh merged 2 commits into
v2from
navya9singh/fix-2492041-a11y-role-link-buttons

Conversation

@navya9singh

Copy link
Copy Markdown
Member

navya9singh and others added 2 commits June 29, 2026 11:21
…homepage

The 'Back' button in AboveTheFold.tsx and the 'Show code sample' button in
EditorExamples.tsx are <a href='#'> elements that trigger JS behavior without
navigating. Screen readers announced them as role=link, which is incorrect per
WCAG 4.1.2 (Name, Role, Value).

Added role='button' to both elements so assistive technologies correctly
identify them as interactive controls. This fixes accessibility bug 2492041
(A11y_TypeScript_HomePage_AI4W).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
The 'Try TypeScript Now' (index_2_cta_install) FluidButton calls
e.preventDefault() and shows the CTA links panel — it does not navigate.
Added role prop to FluidButton and passed role='button' at this call site.

Part of bug 2492041 (A11y_TypeScript_HomePage_AI4W, MAS 4.1.2).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@navya9singh navya9singh added the deploy-preview Enables automatic deployments to preview environments on a PR label Jun 30, 2026
@navya9singh navya9singh changed the title Navya9singh/fix 2492041 a11y role link buttons Fix accessibility bug 2492041 a11y role link buttons Jun 30, 2026
@github-actions

Copy link
Copy Markdown
Contributor

Azure Static Web Apps: Your stage site is ready! Visit it here: https://victorious-plant-05c166c10-3597.centralus.5.azurestaticapps.net

@navya9singh navya9singh requested a review from jakebailey July 1, 2026 23:05
@navya9singh navya9singh merged commit 7045e4f into v2 Jul 1, 2026
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

deploy-preview Enables automatic deployments to preview environments on a PR

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants