fixed accessibility tests on filters

This commit is contained in:
Oscar Chacón
2025-05-09 15:56:13 -06:00
parent cd0aa134f8
commit 5c446d18f7
3 changed files with 6 additions and 3 deletions

View File

@@ -1,7 +1,8 @@
<a *ngIf="isVisible | async" class="d-flex flex-row"
[tabIndex]="-1"
[routerLink]="[searchLink]"
[queryParams]="addQueryParams" queryParamsHandling="merge"
(click)="announceFilter()" role="button" tabindex="0">
(click)="announceFilter()">
<label class="mb-0 d-flex w-100">
<input type="checkbox" [checked]="false" class="my-1 align-self-stretch filter-checkbox" role="checkbox" tabindex="0"/>
<span class="w-100 pl-1 break-facet">

View File

@@ -1,6 +1,7 @@
<a *ngIf="isVisible | async" class="d-flex flex-row"
[tabIndex]="-1"
[routerLink]="[searchLink]"
[queryParams]="changeQueryParams" queryParamsHandling="merge" role="button" tabindex="0">
[queryParams]="changeQueryParams" queryParamsHandling="merge">
<span class="filter-value px-1">{{filterValue.label}}</span>
<span class="float-right filter-value-count ml-auto">
<span class="badge badge-secondary badge-pill">{{filterValue.count | dsShortNumber}}</span>

View File

@@ -1,6 +1,7 @@
<a class="d-flex flex-row"
[tabIndex]="-1"
[routerLink]="[searchLink]"
[queryParams]="removeQueryParams" queryParamsHandling="merge" role="link" tabindex="0">
[queryParams]="removeQueryParams" queryParamsHandling="merge">
<label class="mb-0 d-flex w-100">
<input type="checkbox" [checked]="true" class="my-1 align-self-stretch filter-checkbox" role="checkbox" tabindex="0"/>
<span class="filter-value pl-1 break-facet">