ARIA-11: Ensure custom sliders follow the defined interaction pattern(s).
How to test
- Identify instances of single-thumb sliders.
- Assess their semantics and interactions and confirm that they follow the applicable Slider pattern (https://www.w3.org/TR/wai-aria-practices/#slider).
- Assess whether the expectations conveyed by their design match the pattern they use (i.e. that they look like what they are).
- Identify instances of multi-thumb sliders.
- Assess their semantics and interactions and confirm that they follow the applicable Slider (Multi-Thumb) pattern (https://www.w3.org/TR/wai-aria-practices/#slidertwothumb).
- Assess whether the expectations conveyed by their design match the pattern they use (i.e. that they look like what they are).
Exceptions
None
How to fix
Re-implement this widget to follow either the Slider pattern (https://www.w3.org/TR/wai-aria-practices/#slider) or the Slider (Multi-Thumb) pattern (https://www.w3.org/TR/wai-aria-practices/#slidertwothumb) that’s applicable to the design and functionality.
Related Standard: 1.3.1 A and 4.1.2 A
This is one in a series of posts highlighting one of more than 270 accessibility tests in Mortise.io. Come back next week for more!