From 04266a3174e276f731a9f7725bb78dd0cede286f Mon Sep 17 00:00:00 2001
From: Giovanni Pellerano <giovanni.pellerano@globaleaks.org>
Date: Wed, 23 Oct 2024 21:37:53 +0200
Subject: [PATCH] Correct accessibility of language selector

---
 .../shared/partials/header/template/user/user.component.html    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/app/src/shared/partials/header/template/user/user.component.html b/client/app/src/shared/partials/header/template/user/user.component.html
index 07cc590ad4..de9bee47cf 100644
--- a/client/app/src/shared/partials/header/template/user/user.component.html
+++ b/client/app/src/shared/partials/header/template/user/user.component.html
@@ -2,7 +2,7 @@
   @if (appDataService.public.node.languages_enabled.length > 1) {
     <div id="LanguagePickerBox" class="order-2" [ngClass]="appDataService.public.node.wizard_done ? 'language-box' : 'language-box-extended'">
       <label for="language-picker-select" class="visually-hidden">{{'Select your language' | translate}}</label>
-      <ng-select id="language-picker-select" [clearable]="false" (change)="onChangeLanguage();" [(ngModel)]="translationService.language">
+      <ng-select labelForId="language-picker-select" [clearable]="false" (change)="onChangeLanguage();" [(ngModel)]="translationService.language">
         @for (lang of appDataService.languages_enabled_selector | orderBy: 'native'; track lang) {
           <ng-option [value]="lang.code">
             <span [attr.data-cy]="lang.code">{{lang.native}}</span>