Skip to content

[Frontend] LanguageSwitcher select has no accessible name (no label or aria-label) #1229

Description

@grantfox-oss

Telegram (ask questions / claim the issue here first): https://t.me/+DOylgFv1jyJlNzM0

Why this matters

LanguageSwitcher.tsx:27-36 renders a bare select next to a decorative Languages icon with no label htmlFor, no aria-label, and no aria-labelledby. Screen readers announce it as an unlabeled combobox (WCAG 4.1.2 / 1.3.1). The icon is the only visual cue and is not associated with the control.

Acceptance criteria

  • The language select has a programmatic accessible name (aria-label=Language or a visually-hidden associated label)
  • The decorative Languages icon is marked aria-hidden
  • Name is verified by querying the control by accessible role/name in a test

Files to touch

  • frontend/src/app/components/global_ui/LanguageSwitcher.tsx

Out of scope

  • Adding new locales
  • Wiring full i18n persistence

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave programa11yAccessibility improvementsfrontendIssues related to frontend development

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