Create tests for APG design pattern example: Vertical Temperature Slider

[IsaDC]

Applies To

• APG design pattern: Slider
• Specific example: Vertical Temperature Slider

Testing Notes

This issue thread will house all documentation relating to the development of a test plan for the "Vertical Temperature Slider" APG example, which conforms to the "Slider" design pattern. All follow-ups (including the test plan itself) will be added as new comments to facilitate notifications, but this initial comment will be updated with relevant details and URLs as needed for convenience.

Additional References

• slider (role)
• none (role)
• aria-labelledby (property)
• aria-orientation (property)
• aria-valuenow (property)
• aria-valuemin (property)
• aria-valuemax (property)
• aria-valuetext (property)
• aria-hidden (state)

[IsaDC]

Below is the test plan for the vertical temperature slider example. Each test title is marked up as a level 4 heading to facilitate screen reader navigation.

Navigate forwards to a slider

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: reading, interaction
• Instructions:
  • Reading mode: With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'Temperature' slider.
  • Interaction mode: With focus on the 'Navigate forwards from here' link, navigate to the 'Temperature' slider.
• Setup script description: sets focus on a link before the slider

Commands

AT	Mode	Commands
JAWS, NVDA	reading	Down Arrow Folloed by Down Arrow Tab
JAWS, NVDA	interaction	Tab
macOS VoiceOver	interaction	Control+Option+Right Arrow folloed by Control+Option+Right Arrow Tab

Assertions

Assertion	Priority
Role 'slider' is conveyed	required
Name 'Temperature' is conveyed	required
Textual value '25.0 degrees Celsius' is conveyed	required
numeric value '25.0' is not conveyed	required
Orientation 'vertical' is conveyed	required
Minimum value '10.0' is not conveyed	required
Maximum value '38.0' is not conveyed	required

References

slider, aria-labelledby, aria-valuenow, aria-valuetext, aria-valuemin, aria-valuemax, aria-orientation

Navigate backwards to a slider

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: reading, interaction
• Instructions:
  • Reading mode: With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Temperature' slider.
  • Interaction mode: With focus on the 'Navigate backwards from here' link, navigate to the 'Temperature' slider.
• Setup script description: sets focus on a link after the slider

Commands

AT	Mode	Commands
JAWS, NVDA	reading	Up Arrow Tab
JAWS, NVDA	interaction	Shift+Tab
macOS VoiceOver	interaction	Control+Option+Left Arrow Tab

Assertions

Assertion	Priority
Role 'slider' is conveyed	required
Name 'Temperature' is conveyed	required
Textual value '25.0 degrees Celsius' is conveyed	required
numeric value '25.0' is not conveyed	required
Orientation 'vertical' is conveyed	required
Minimum value '10.0' is not conveyed	required
Maximum value '38.0' is not conveyed	required

References

slider, aria-labelledby, aria-valuenow, aria-valuetext, aria-valuemin, aria-valuemax, aria-orientation

Read information about a slider

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: reading, interaction
• Instructions:
  • Reading mode: With the reading cursor on the 'Temperature' slider, read information about the slider.
  • Interaction mode: With focus on the 'Temperature' slider, read information about the slider.
• Setup script description: sets focus on the slider

Commands

AT	Mode	Commands
JAWS, NVDA	reading, interaction	Insert+Tab Insert+Up
macOS VoiceOver	interaction	Control+Option+F3 Control+option+F4

Assertions

Assertion	Priority
Role 'slider' is conveyed	required
Name 'Temperature' is conveyed	required
Textual value '25.0 degrees Celsius' is conveyed	required
numeric value '25.0' is not conveyed	required
Orientation 'vertical' is conveyed	required
Minimum value '10.0' is not conveyed	required
Maximum value '38.0' is not conveyed	required

References

slider, aria-labelledby, aria-valuenow, aria-valuetext, aria-valuemin, aria-valuemax, aria-orientation

Increment a slider by one step

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: interaction
• Instructions:
  • Interaction mode: With focus on the 'Temperature' slider, set its value to 25.1 degrees Celsius.
• Setup script description: sets focus on the slider

Commands

AT	Mode	Commands
JAWS, NVDA, macOS VoiceOver	interaction	Right Arrow Up Arrow

Assertions

Assertion	Priority
Textual value '25.1 degrees Celsius' is conveyed	required
numeric value '25.1' is not conveyed	required

References

aria-valuenow, aria-valuetext

Decrement a slider by one step

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: interaction
• Instructions:
  • Interaction mode: With focus on the 'Temperature' slider, set its value to 24.9 degrees Celsius.
• Setup script description: sets focus on the slider

Commands

AT	Mode	Commands
JAWS, NVDA, macOS VoiceOver	interaction	Left Arrow Down Arrow

Assertions

Assertion	Priority
Textual value '24.9 degrees Celsius' is conveyed	required
numeric value '24.9' is not conveyed	required

References

aria-valuenow, aria-valuetext

Increment a slider by twenty steps

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: interaction
• Instructions:
  • Interaction mode: With focus on the 'Temperature' slider, set its value to 27.0 degrees Celsius.
• Setup script description: sets focus on the slider

Commands

AT	Mode	Commands
JAWS, NVDA, macOS VoiceOver	interaction	Page Up

Assertions

Assertion	Priority
Textual value '27.0 degrees Celsius' is conveyed	required
numeric value '27.0' is not conveyed	required

References

aria-valuenow, aria-valuetext

Decrement a slider by twenty steps

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: interaction
• Instructions:
  • Interaction mode: With focus on the 'Temperature' slider, set its value to 23.0 degrees Celsius.
• Setup script description: sets focus on the 'Red' slider

Commands

AT	Mode	Commands
JAWS, NVDA, macOS VoiceOver	interaction	Page Down

Assertions

Assertion	Priority
Textual value '23.0 degrees Celsius' is conveyed	required
numeric value '23.0' is not conveyed	required

References

aria-valuenow, aria-valuetext

Decrement a slider to the minimum value

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: interaction
• Instructions:
  • Interaction mode: With focus on the 'Temperature' slider, set its value to 10.0 degrees Celsius.
• Setup script description: sets focus on the slider

Commands

AT	Mode	Commands
JAWS, NVDA, macOS VoiceOver	interaction	Home

Assertions

Assertion	Priority
Textual value '10.0 degrees Celsius' is conveyed	required
numeric value '10.0' is not conveyed	required

References

aria-valuenow, aria-valuetext, aria-valuemin

Increment a slider to the maximum value

• Applies to: JAWS, NVDA, macOS VoiceOver
• Modes: interaction
• Instructions:
  • Interaction mode: With focus on the 'Temperature' slider, set its value to 38.0 degrees Celsius.
• Setup script description: sets focus on the slider

Commands

AT	Mode	Commands
JAWS, NVDA, macOS VoiceOver	interaction	End

Assertions

Assertion	Priority
Textual value '38.0 degrees Celsius' is conveyed	required
numeric value '38.0' is not conveyed	required

References

aria-valuenow, aria-valuetext, aria-valuemax