Opened 11 years ago

Closed 11 years ago

Last modified 11 years ago

#7002 closed defect (fixed)

slider: label elements not properly associated with slider control

Reported by: Becky Gibson Owned by: Becky Gibson
Priority: high Milestone: 1.2
Component: Accessibility Version: 1.1.1
Keywords: a11y Cc:
Blocked By: Blocking:

Description

If a <label> element is provided for a slider:

<label for="slider1">slider example 1</label>
<div id="slider1" dojoType="dijit.form.HorizontalSlider" .....>
</div>

The label is not properly associated with the slider and thus not spoken by the screen reader. We'll need to use the same process as in combobox to find any label associated with the slider widget, assign a unique id to the label element then use the labelledby property to associate the label element to the component with the role of slider.

Change History (3)

comment:1 Changed 11 years ago by Becky Gibson

Status: newassigned

comment:2 Changed 11 years ago by Becky Gibson

Resolution: fixed
Status: assignedclosed

(In [14240]) fixes #7002 Use ARIA to properly associate any label element provided for sliders with the slider focusNode so screen reader will speak the label.

comment:3 Changed 11 years ago by Becky Gibson

(In [14241]) refs #7002 - added some labels to test 7002 and forgot to check in

Note: See TracTickets for help on using tickets.