Skip to content

Add language selector to the header navigation #14936

@carolromero

Description

@carolromero

Is your feature request related to a problem?

Currently, the language selector is located in the footer of the site. This makes it less accessible for users who want to quickly switch languages, especially on the homepage or when browsing without scrolling down.

In multilingual contexts, being able to change the interface language easily is essential for accessibility and inclusion. Keeping the language switcher only in the footer limits usability.

Describe the solution you'd like

Add a language selector to the header, visible on all pages of the platform. On desktop, it should appear as a dropdown menu with the list of available locales. On mobile, it should be accessible from the hamburger menu.

Mock-ups / Prototype

Figma file

Image

Image

Describe alternatives you've considered

Alternatively, using browser detection to redirect users, but this introduces accessibility and control concerns.

Additional context

This improvement aligns with the efforts to simplify and improve the main navigation and improve accessibility for multilingual users.

Does this issue impact users' private data?

No, it does not involve processing personal data.

Acceptance Criteria

  • Given I am a visitor or participant, when I view the site header on desktop, I see a language selector as a dropdown with all available languages.
  • Given I am on mobile, when I open the hamburger menu, I see the language selector inside the menu.
  • Given I switch languages from the header, the interface language updates immediately and persists across pages.
  • The language selector uses the same configuration and available locales defined in the organization settings.

Metadata

Metadata

Projects

Status

Merged

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions