From 58d73875b8f02514a3f0963f1a57b5b2f7bb89b7 Mon Sep 17 00:00:00 2001
From: Alexandre Vryghem <alexandre@atmire.com>
Date: Sun, 5 May 2024 15:59:31 +0200
Subject: [PATCH] 111731: Fixed accessibility issues

---
 .../advanced-search/advanced-search.component.html  | 13 ++++++++++---
 src/assets/i18n/en.json5                            |  4 ++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/app/shared/search/advanced-search/advanced-search.component.html b/src/app/shared/search/advanced-search/advanced-search.component.html
index edcb09d0ac9..bd8ad0dfc91 100644
--- a/src/app/shared/search/advanced-search/advanced-search.component.html
+++ b/src/app/shared/search/advanced-search/advanced-search.component.html
@@ -1,14 +1,21 @@
 <h3>{{ 'search.sidebar.advanced-search.title' | translate }}</h3>
 <div class="advanced-search b-3 p-3">
-  <h5>{{ 'search.sidebar.advanced-search.filter-by' | translate }}</h5>
+  <h4>{{ 'search.sidebar.advanced-search.filter-by' | translate }}</h4>
+  <label class="sr-only" for="advanced-search-filters">
+    {{ 'search.sidebar.advanced-search.filters' | translate }}
+  </label>
   <select [(ngModel)]="currentFilter" (keyup.enter)="applyFilter()"
           (ngModelChange)="currentOperator = advancedFilterMap.get(currentFilter).operators[0].operator"
-          class="form-control mb-2">
+          class="form-control mb-2" id="advanced-search-filters">
     <option *ngFor="let advancedFilter of (advancedFilters$ | async) | keyvalue" [value]="advancedFilter.value.filter">
       {{ 'search.filters.filter.' + advancedFilter.value.filter + '.head' | translate }}
     </option>
   </select>
-  <select [(ngModel)]="currentOperator" (keyup.enter)="applyFilter()" class="form-control mb-2">
+  <label class="sr-only" for="advanced-search-operators">
+    {{ 'search.sidebar.advanced-search.operators' | translate }}
+  </label>
+  <select [(ngModel)]="currentOperator" (keyup.enter)="applyFilter()"
+          class="form-control mb-2" id="advanced-search-operators">
     <option *ngFor="let operator of advancedFilterMap.get(currentFilter)?.operators" [value]="operator.operator">
       {{ 'search.filters.operator.' + operator.operator + '.text' | translate }}
     </option>
diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5
index 4920e0866e2..eb542698e35 100644
--- a/src/assets/i18n/en.json5
+++ b/src/assets/i18n/en.json5
@@ -3912,6 +3912,10 @@
 
   "search.sidebar.advanced-search.filter-by": "Filter by",
 
+  "search.sidebar.advanced-search.filters": "Filters",
+
+  "search.sidebar.advanced-search.operators": "Operators",
+
   "search.sidebar.advanced-search.add": "Add",
 
   "search.sidebar.settings.title": "Settings",