Skip to content

Commit

Permalink
Update Slider and Multi-Thumb Slider Design Pattern warnings
Browse files Browse the repository at this point in the history
Fix broken link to slider-color-viewer.html
  • Loading branch information
carmacleod committed Mar 4, 2021
1 parent a060577 commit 8906646
Showing 1 changed file with 9 additions and 5 deletions.
14 changes: 9 additions & 5 deletions aria-practices.html
Original file line number Diff line number Diff line change
Expand Up @@ -2353,13 +2353,15 @@ <h3>Slider</h3>
Sliders typically have a slider thumb that can be moved along a bar or track to change the value of the slider.
</p>
<p class="warning">
Users of touch-based assistive technologies may not be able to fully operate widgets that implement this pattern because APIs for capturing the necessary gestures and commands from assistive technologies are not yet available.
Authors should fully test widgets using this pattern with assistive technologies before considering incorporation into production systems.
Some users of touch-based assistive technologies may experience difficulty utilizing widgets that implement this slider pattern because the gestures their assistive technology provides for operating sliders may not yet generate the necessary output.
To change the slider value, touch-based assistive technologies need to respond to user gestures for incrementing and decrementing the value by synthesizing key events.
This is a new convention that may not be fully implemented by some assistive technologies.
Authors should fully test slider widgets using assistive technologies on devices where touch is a primary input mechanism before considering incorporation into production systems.
</p>
<section class="notoc">
<h4>Examples</h4>
<ul>
<li><a href="examples/slider/slider-1.html">Horizontal Slider Examples</a>: Demonstrates using three horizontally aligned sliders to make a color picker.</li>
<li><a href="examples/slider/slider-color-viewer.html">Color Viewer Slider Examples</a>: Demonstrates using three horizontally aligned sliders to make a color picker.</li>
<li><a href="examples/slider/slider-2.html">Slider Examples with aria-orientation and aria-valuetext</a>: Three thermostat control sliders that demonstrate using aria-orientation and aria-valuetext.</li>
</ul>
</section>
Expand Down Expand Up @@ -2419,8 +2421,10 @@ <h3>Slider (Multi-Thumb)</h3>
However, in some multi-thumb sliders, each thumb sets a value that does not depend on the other thumb values.
</p>
<p class="warning">
Users of touch-based assistive technologies may not be able to fully operate widgets that implement this pattern because APIs for capturing the necessary gestures and commands from assistive technologies are not yet available.
Authors should fully test widgets using this pattern with assistive technologies before considering incorporation into production systems.
Some users of touch-based assistive technologies may experience difficulty utilizing widgets that implement this slider pattern because the gestures their assistive technology provides for operating sliders may not yet generate the necessary output.
To change the slider value, touch-based assistive technologies need to respond to user gestures for incrementing and decrementing the value by synthesizing key events.
This is a new convention that may not be fully implemented by some assistive technologies.
Authors should fully test slider widgets using assistive technologies on devices where touch is a primary input mechanism before considering incorporation into production systems.
</p>

<section class="notoc">
Expand Down

0 comments on commit 8906646

Please sign in to comment.