No way for screen reader to read minValue,MaxValue,CurrentValue

[jagshettiwars]

I'm submitting a...

[ ] Bug report  
[ ] Feature request

Current behavior

Expected behavior

Minimal reproduction of the problem with instructions

Environment

Library version: X.Y.Z
Angular version: X.Y.Z


Browser:

- [ ] Chrome (desktop) version XX

[BioPhoton]

Hi @jagshettiwars !
Thx for this input. Do you have any suggestions on how to implement this?

[ivanblazevic]

@BioPhoton I have played a little bit with filling svg using linear-gradient, here is codepen if you want to check https://codepen.io/ivanblazevic/pen/geByqq

[BioPhoton]

Thx for the codepen @ivanblazevic

[vinayakpatil]

@BioPhoton We can try to make use of aria-label on a visually hidden element.
e.g. <span class="visually-hidden">4 of 5</span> or
use an attribute [attr.aria-label]="description | default"

It would be helpful to add an @input like description to override above default 4 of 5.