Accessibility · Senior · Question 16 of 75

A price slider has `aria-valuenow="3"` but the label on screen says "$300 to $500". What's missing?

1aria-valuetext with the human-readable value
2aria-live on the slider's visible value label
3aria-label on each of the slider's tick marks

Show the answer

Correct answer: aria-valuetext with the human-readable value

Explanation

aria-valuenow alone reads "3". The value text gives meaning, and arrows, Home and End should work as well.

Further reading

Test yourself

Take the Accessibility · Senior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.