111731: Fixed accessibility issues

This commit is contained in:
Alexandre Vryghem
2024-05-05 15:59:31 +02:00
parent 806430064f
commit 58d73875b8
2 changed files with 14 additions and 3 deletions

View File

@@ -1,14 +1,21 @@
<h3>{{ 'search.sidebar.advanced-search.title' | translate }}</h3> <h3>{{ 'search.sidebar.advanced-search.title' | translate }}</h3>
<div class="advanced-search b-3 p-3"> <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()" <select [(ngModel)]="currentFilter" (keyup.enter)="applyFilter()"
(ngModelChange)="currentOperator = advancedFilterMap.get(currentFilter).operators[0].operator" (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"> <option *ngFor="let advancedFilter of (advancedFilters$ | async) | keyvalue" [value]="advancedFilter.value.filter">
{{ 'search.filters.filter.' + advancedFilter.value.filter + '.head' | translate }} {{ 'search.filters.filter.' + advancedFilter.value.filter + '.head' | translate }}
</option> </option>
</select> </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"> <option *ngFor="let operator of advancedFilterMap.get(currentFilter)?.operators" [value]="operator.operator">
{{ 'search.filters.operator.' + operator.operator + '.text' | translate }} {{ 'search.filters.operator.' + operator.operator + '.text' | translate }}
</option> </option>

View File

@@ -3912,6 +3912,10 @@
"search.sidebar.advanced-search.filter-by": "Filter by", "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.advanced-search.add": "Add",
"search.sidebar.settings.title": "Settings", "search.sidebar.settings.title": "Settings",