[Improvement] Comprehensive Accessibility (a11y) Audit & Fixes

[Adithyakp86]

Description

To ensure HEALCONNECT is accessible to all users, including those relying on screen readers and keyboard navigation, we need to perform an accessibility audit and implement the necessary fixes across our core components and pages.

Expected Behavior

All interactive elements should be easily navigable via keyboard, and all visual components should have proper semantic HTML and ARIA labels where necessary.

Tasks

• Ensure all <img> tags have descriptive alt text (or alt="" for purely decorative images).
• Add aria-label attributes to icon-only buttons (like theme togglers, hamburger menus, or action buttons).
• Verify that all form inputs (<input>, <textarea>, <select>) have associated <label> elements or aria-labels.
• Ensure proper keyboard navigation (tabIndex) and focus states (focus:ring, focus:outline) on interactive elements (buttons, links, inputs).
• Check color contrast ratios, especially in Dark Mode, to ensure text is readable.

Tech Stack

• React
• HTML/CSS (Tailwind)

Additional Context

Tools like the Lighthouse extension in Chrome or the axe DevTools can be used to scan the pages locally and identify specific a11y violations. This is a great issue for anyone looking to make a meaningful impact on UX!

[github-actions]

Thanks for opening this issue! 🚀

Please adhere to Apertre'26 Rules:

1. Do NOT create a PR until this issue is assigned to you.
2. Include apertre3.0 tag.
3. Provide ONE Difficulty Tag (easy / medium / hard).
4. Include screenshots if it's UI-related.

A mentor will review and assign this issue soon.

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 7 days.