Skip to content

A11y: Add missing aria-label attributes to icon-only buttons#3897

Open
pradeep0153 wants to merge 1 commit into
Premshaw23:masterfrom
pradeep0153:fix/issue-3892-aria-label
Open

A11y: Add missing aria-label attributes to icon-only buttons#3897
pradeep0153 wants to merge 1 commit into
Premshaw23:masterfrom
pradeep0153:fix/issue-3892-aria-label

Conversation

@pradeep0153

Copy link
Copy Markdown
Contributor

Closes #3892.

Description

This PR drastically improves the web accessibility (A11y) of the Learnova platform by ensuring all interactive icon-only buttons are correctly announced to screen reading software.

Changes Made

  • Scanned the codebase for generic <button> elements that only wrap an SVG or font-icon and lack internal text.
  • Added descriptive aria-label attributes to these buttons (e.g., indicating an action like "Close modal", "Open menu", or "Toggle dark mode").

Impact

  • Inclusivity: Visually impaired users relying on screen readers (like NVDA or VoiceOver) will no longer hear "unlabeled button" when navigating the interface. The aria-label provides the critical hidden text needed to understand the button's exact purpose before interacting with it.
  • Compliance: Resolves common accessibility audit warnings flagged by standard tools like Google Lighthouse and axe-core.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

A11y: Add missing aria-label attributes to icon-only buttons

1 participant