Skip to content

Fix Accessibility Violation - Add Label to Language Switcher#2274

Open
huangkevin-apr wants to merge 1 commit into
nuxt:mainfrom
huangkevin-apr:fix-a11y-bug
Open

Fix Accessibility Violation - Add Label to Language Switcher#2274
huangkevin-apr wants to merge 1 commit into
nuxt:mainfrom
huangkevin-apr:fix-a11y-bug

Conversation

@huangkevin-apr
Copy link
Copy Markdown

🔗 Linked issue

resolves #2273

❓ Type of change

  • 📖 Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • 👌 Enhancement (improving an existing functionality)
  • ✨ New feature (a non-breaking change that adds functionality)
  • 🧹 Chore (updates to the build process or auxiliary tools and libraries)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

This PR fixes an accessibility violation where the language switcher dropdown in the navigation lacks an accessible name, making it unusable for screen reader users.

Problem

The IBM Equal Access Accessibility Checker identified a violation:

  • Issue: The SVG element (language switcher icon) has no accessible name
  • Element: component within a dropdown trigger
  • Impact: Screen reader users cannot identify the purpose of this interactive element. They cannot tell that it's a language switcher or understand what will happen when they interact with it.
image

Solution

Added a label="Language switcher" prop to the dropdown component, which provides a clear, descriptive accessible name for screen reader users. This label:

  • Clearly identifies the control as a language switcher
  • Follows common web conventions for language selection controls
  • Provides meaningful context without cluttering the visual design

@netlify
Copy link
Copy Markdown

netlify Bot commented Jan 22, 2026

👷 Deploy request for nuxt pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 12a89f9

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.

Accessibility Violation - Add Label to Language Switcher

1 participant