how to update aria label value
pkhand0 opened this issue · 1 comments
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.