Accessibility Violation - Add Label to Language Switcher

[huangkevin-apr]

This issue reported an accessibility violation on website homepage 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: <IconTranslate> 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.

Root Cause

The language switcher dropdown uses an icon-only trigger without any text alternative or accessible label. The <IconTranslate> SVG icon is purely decorative without semantic meaning for assistive technologies.