test(ScrollRestoration-accessibility): verify Accessibility Standards & Screen Reader Aria Compliance

[adityack477]

… & Screen Reader Aria Compliance

Description

Fixes #2826

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Bug fix, refactoring, docs)

What changed

• Created new file app/components/ScrollRestoration.accessibility.test.tsx with 5 test cases

Test cases

1. Renders no DOM nodes that would disrupt screen reader document flow
2. Preserves landmark role structure when mounted alongside semantic elements
3. Does not interfere with heading hierarchy readable by screen readers
4. Does not affect keyboard tab order of interactive elements
5. Does not inject elements with aria attributes that could confuse assistive technology

How it works

• Mounts ScrollRestoration alongside semantic HTML elements and verifies it returns null without disrupting the DOM
• Checks landmark roles (banner, navigation, main, contentinfo) remain intact
• Verifies heading hierarchy (h1 → h2 → h3) is preserved
• Confirms interactive elements (Link, button, input) remain focusable in correct tab order
• Asserts no aria-* attributes are injected by the component

Tests

All 5 new tests pass. All existing tests pass.

Visual Preview

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
• I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
• My commits follow the Conventional Commits format (e.g., feat(themes): ..., fix(calculate): ...).
• I have updated README.md if I added a new theme or URL parameter.
• I have started the repo.
• I have made sure that i have only one commit to merge in this PR.
• The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).
• (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

[vercel]

@adityack477 is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

[adityack477]

@JhaSourav07 please review and add gssoc:approved label

[github-actions]

🎉 Congratulations @adityack477! Your PR has been successfully merged. 🚀

Thank you for contributing to CommitPulse. Your work helps us build a better tool for the community.

⚠️ Important for GSSoC Contributors:
You are strictly advised to join our Discord Server as it is mandatory for all GSSoC participants. All important announcements, point claims, and community discussions happen there.

Keep building! 💻✨