Mortise Test Per Week: Ensure custom sliders follow the defined interaction pattern(s).

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!

Start your free trial of Tenon today!