Skip to content

Accessibility Violation - Add Label to Language Switcher #2273

@huangkevin-apr

Description

@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.

Image

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions