how to update aria label value

[pkhand0]

Hi,

we are using below code snippet to show the price slider on our site but we are getting ADA compliance issue for this.

<ngx-slider *ngIf="isBrowser" [(value)]="min" [(highValue)]="max" [options]="options" (userChangeEnd)="appliedFilter($event)" >

ADA compliance issue reported : aria-label attribute is not well supported on a ngx-slider with no valid role attribute.

to fix this we tried. -

<ngx-slider *ngIf="isBrowser" [(value)]="min" [(highValue)]="max" [options]="options" (userChangeEnd)="appliedFilter($event)" role="slider" aria-label="Select a range">

Also tried to update like below :

options: Options = {
floor: 0,
ceil: 10000,
ariaLabel: "Select a Price"
};

but still seeing same when inspecting code -

Can you please check and let us know.. how to update the aria-label value to fix the compliance issue.

[mikepenzin]

I have some kind of the same issue. We don't see update of options (ceil / floor & etc.) once it updated dynamically.