fix(texter): Updated button text and changed aria texts for filter functionality inside utförande verksamheter (TV-953)

Merge in TEA/mina-sidor-fa-web from bugfix/TV-953 to develop

Squashed commit of the following:

commit 5ffdc89a827e5be1bbcc403c3150e8d74a6002be
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Wed Dec 15 12:43:44 2021 +0100

    Updated button text and changed aria texts for filter functionality inside utförande verksamheter
This commit is contained in:
Daniel Appelgren
2021-12-27 11:29:20 +01:00
parent 59a3550f71
commit 8fb58d698c

View File

@@ -14,17 +14,19 @@
<ng-container *ngIf="treeNodeModel"> <ng-container *ngIf="treeNodeModel">
<div *ngIf="treeNodeModel.children" class="expanded-tree-node__filter"> <div *ngIf="treeNodeModel.children" class="expanded-tree-node__filter">
<digi-form-input-search <digi-form-input-search
[attr.af-variation]="FormInputSearchVariation.S" [afVariation]="FormInputSearchVariation.S"
[attr.af-button-text]="getFilterButtonAriaLabelText(treeNodeModel)" af-button-text="Filtrera"
[attr.af-button-type]="ButtonType.BUTTON" [afButtonAriaLabel]="getFilterButtonAriaLabelText(treeNodeModel)"
[attr.af-label]="' '" [afButtonType]="ButtonType.BUTTON"
[attr.af-aria-labelledby]="'filter-description-'+treeNodeModel.uuid" [afLabel]="' '"
[attr.af-value]="treeNodeModel.filterText" [afAriaLabelledby]="'filter-description-'+treeNodeModel.uuid"
[afValue]="treeNodeModel.filterText"
(afOnFocusOutside)="onFocusOutsideFilter($event)" (afOnFocusOutside)="onFocusOutsideFilter($event)"
(afOnInput)="onFilterTextChanged($event, treeNodeModel)" (afOnInput)="onFilterTextChanged($event, treeNodeModel)"
></digi-form-input-search> ></digi-form-input-search>
<div class="msfa__a11y-sr-only" [attr.id]="'filter-description-'+treeNodeModel.uuid"> <div class="msfa__a11y-sr-only" [attr.id]="'filter-description-'+treeNodeModel.uuid">
Filtrera valbara alternativ i listan nedan genom att ange en text som återfinns i deras namn. Filtrera valbara alternativ i listan för {{treeNodeModel.label}} genom att ange en text som återfinns i deras
namn.
</div> </div>
</div> </div>
<digi-form-checkbox <digi-form-checkbox