feat: Add keyboard navigation (tab-index mapping) for the Voice Tuning sliders.

[desireddymohithreddy0925]

🚀 Program

GSSoC

✨ Feature Description

Improve the accessibility of the Voice Tuning panel by explicitly mapping the tabindex and adding onKeyDown handlers so users can adjust the speed and pitch sliders using the arrow keys.

🤔 Problem It Solves

Users with motor disabilities who rely on keyboard navigation currently cannot precisely click and drag the HTML range sliders, rendering the tuning features completely inaccessible to them.

💡 Proposed Solution

Ensure the <input type="range"> elements are focusable via the Tab key. Implement an event listener so that when focused, pressing Left/Right arrows increments or decrements the value by a predefined step size.

🔄 Alternatives Considered

No alternatives considered, as keyboard accessibility is a mandatory requirement for assistive technologies.

📸 Mockups / Examples

When a user hits the Tab key, a clear visual focus ring should appear around the active slider handle.

✅ Acceptance Criteria

• Sliders can be reached via the Tab key.
• Arrow keys successfully adjust the values up and down.
• The UI visually indicates which slider currently has keyboard focus.

📋 Additional Context

Review the WAI-ARIA authoring practices for slider components to ensure full compliance.

🌱 Contributor Checklist

• I am participating via GSSoC
• I have read the contribution guidelines
• I checked for existing issues before creating this

[github-actions]

✅ Issue Passed Validation

Tip

Waiting for mentor review — a mentor will triage this before it's opened for contributions.

Hey @desireddymohithreddy0925! 🎉 Your GSSoC feature request looks great — all checks passed! gssoc26 needs maintainer review enhancement applied.

A mentor will review scope and priority, then apply required labels.
⚠️ Do not start work until the issue is approved and assigned to you.

📣 @sabeenaviklar @Anushreebasics @itsdakshjain @snehkris @1754riya @Mrigakshi-Rathore @Itzzavdheshh @Nitya-003 @4f4d @lovestaco — GSSoC issue ready for your review! 👀

---

_{🤖 VoiceForge Automation · Updates automatically on edits}

[github-actions]

🧠 Triage Suggestion — Looks Good

Tip

This issue looks valid, actionable, and ready for maintainer review.

Hey @desireddymohithreddy0925! 👋 Thanks for opening this issue.

The issue clearly describes a specific accessibility enhancement with detailed acceptance criteria and a proposed solution. It is actionable and well-scoped for implementation without requiring additional information.

Similar Issues:
No close match found.

Suggested maintainer action: go ahead

⚠️ This is only a suggestion. A maintainer will make the final decision.

---

_{🤖 VoiceForge Automation · Updates automatically on edits}

[desireddymohithreddy0925]

Hello @itzzavdhesh,

I would like to work on this issue under GSSoC 2026.

I understand that the current Voice Tuning sliders are not fully accessible for keyboard users, making it difficult for users who rely on keyboard navigation or assistive technologies to adjust the speed and pitch controls effectively.

I plan to:

• Ensure the Voice Tuning sliders are fully reachable through a logical tabindex order.
• Implement keyboard support using onKeyDown handlers so the Left and Right arrow keys adjust slider values by appropriate step increments.
• Add clear visual focus indicators to help users identify the currently focused slider.
• Follow WAI-ARIA accessibility best practices to improve usability and compliance.
• Thoroughly test the implementation to ensure smooth keyboard navigation without affecting existing functionality.

I have carefully gone through the issue description and acceptance criteria, and I will ensure the implementation is clean, accessible, and aligned with the project's coding standards.

Kindly assign this issue to me. Thank you!

[github-actions]

🙋 Assignment Request Received

Tip

A maintainer will review your request and assign you if approved.

Hey @desireddymohithreddy0925! 🎉 Thanks for volunteering — your request is now visible to maintainers.

⚠️ Please wait for an official assignment before starting any work.

In the meantime, feel free to explore other open issues! 🔍

---

_{🤖 VoiceForge Automation}

[github-actions]

🚀 You're Good to Go!

Important

Work is officially approved. Please read everything below before you start.

Hey @desireddymohithreddy0925! 🎉 This issue has been reviewed and approved by the maintainer team.

📋 Before you start

• 🏷️ Priority: priority: medium
• 🎯 Difficulty: level: medium
• 🔗 PR: use the matching program template and include Closes #759

If you can no longer continue, please comment here so maintainers can reassign this issue.

---

_{🤖 VoiceForge Automation · Updates automatically on edits}