Skip to content

Commit 3af7cd4

Browse files
IsaDCmcking65
andauthored
Refactor Color Viewr Slider Test Plan to V2 Test Format (#1075)
* Convert the Color Viewer Slider test plan to v2 * Modify navigation instructions to v2 format * Add mode switching assertion * Add mode switching assertion to the tests.csv file * Add mode switching assertionexception to JAWS, NVDA and VoiceOver commands * Correct assertion exception for VoiceOver comands * Add assertion exception for up and down arrow commands for navigating to the slider * Remove v1 files * Add aria-orientation to references.csv * Add references to assertions * Reduce orientation assertion to may-have behavior * Remove v1 references file * Remove extra arrow keys from jaws nav forward and nav back commands * Add f and shift+f to JAWS commands * Add f and shift+f to NVDA commands * Remove extra up arrow from nav back to slider test for NVDA * Adjust presentation numbers of nav commands for NVDA * add j and shift+j to VoiceOver commands * Set interationModeEnable priority to 0 in tests.csv and 2 in JAWS and NVDA commands; remove it from VoiceOver commands. * AddVoiceOver slider increment and decrement commands --------- Co-authored-by: Matt King <a11yThinker@gmail.com>
1 parent 3d76cbd commit 3af7cd4

File tree

8 files changed

+104
-68
lines changed

8 files changed

+104
-68
lines changed
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
assertionId,priority,assertionStatement,assertionPhrase,refIds
2+
maximumValue255,2,Maximum value '255' is conveyed,convey maximum value '255',aria-valuemax
3+
minimumValue0,2,Minimum value '0' is conveyed,convey minimum value '0',aria-valuemin
4+
nameRed,1,Name 'Red' is conveyed,convey name 'Red',aria-labelledby
5+
orientationHorizontal,3,Orientation 'horizontal' is conveyed,convey orientation 'horizontal',aria-orientation
6+
roleSlider,1,Role 'slider' is conveyed,convey role 'slider',slider
7+
value0,1,Value '0' is conveyed,convey value '0',aria-valuenow
8+
value118,1,Value '118' is conveyed,convey value '118',aria-valuenow
9+
value127,1,Value '127' is conveyed,convey value '127',aria-valuenow
10+
value128,1,Value '128' is conveyed,convey value '128',aria-valuenow
11+
value129,1,Value '129' is conveyed,convey value '129',aria-valuenow
12+
value138,1,Value '138' is conveyed,convey value '138',aria-valuenow
13+
value255,1,Value '255' is conveyed,convey value '255',aria-valuenow
14+
interactionModeEnabled,2,Screen reader switched from reading mode to interaction mode|{screenReader} switched from {readingMode} to {interactionMode},switch from reading mode to interaction mode|switch from {readingMode} to {interactionMode},slider

tests/horizontal-slider/data/commands.csv

Lines changed: 0 additions & 34 deletions
This file was deleted.
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
testId,command,settings,assertionExceptions,presentationNumber
2+
navForwardsToSlider,down down,virtualCursor,,1
3+
navForwardsToSlider,f,virtualCursor,,1.1
4+
navForwardsToSlider,tab,virtualCursor,2:interactionModeEnabled,1.2
5+
navForwardsToSlider,tab,pcCursor,,1.3
6+
navBackToSlider,up,virtualCursor,,2
7+
navBackToSlider,shift+f,virtualCursor,,2.1
8+
navBackToSlider,shift+tab,virtualCursor,2:interactionModeEnabled,2.2
9+
navBackToSlider,shift+tab,pcCursor,,2.3
10+
reqInfoAboutSlider,ins+tab,virtualCursor,,7
11+
reqInfoAboutSlider,ins+up,virtualCursor,,7.1
12+
reqInfoAboutSlider,ins+tab,pcCursor,,8
13+
reqInfoAboutSlider,ins+up,pcCursor,,8.1
14+
incrementSliderByOneStep,right,pcCursor,,10
15+
incrementSliderByOneStep,up,pcCursor,,10.1
16+
decrementSliderByOneStep,left,pcCursor,,12
17+
decrementSliderByOneStep,down,pcCursor,,12.1
18+
incrementSliderByTenSteps,pageUp,pcCursor,,14
19+
decrementSliderByTenSteps,pageDown,pcCursor,,16
20+
decrementSliderToMinimumValue,home,pcCursor,,18
21+
incrementSliderToMaximumValue,end,pcCursor,,20
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
testId,command,settings,assertionExceptions,presentationNumber
2+
navForwardsToSlider,down down,browseMode,,1
3+
navForwardsToSlider,f,browseMode,,1.1
4+
navForwardsToSlider,tab,browseMode,2:interactionModeEnabled,1.2
5+
navForwardsToSlider,tab,focusMode,,1.3
6+
navBackToSlider,up,browseMode,,2
7+
navBackToSlider,shift+f,browseMode,,2.1
8+
navBackToSlider,shift+tab,browseMode,2:interactionModeEnabled,2.2
9+
navBackToSlider,shift+tab,focusMode,,2.3
10+
reqInfoAboutSlider,ins+tab,browseMode,,7
11+
reqInfoAboutSlider,ins+up,browseMode,,7.1
12+
reqInfoAboutSlider,ins+tab,focusMode,,8
13+
reqInfoAboutSlider,ins+up,focusMode,,8.1
14+
incrementSliderByOneStep,right,focusMode,,10
15+
incrementSliderByOneStep,up,focusMode,,10.1
16+
decrementSliderByOneStep,left,focusMode,,12
17+
decrementSliderByOneStep,down,focusMode,,12.1
18+
incrementSliderByTenSteps,pageUp,focusMode,,14
19+
decrementSliderByTenSteps,pageDown,focusMode,,16
20+
decrementSliderToMinimumValue,home,focusMode,,18
21+
incrementSliderToMaximumValue,end,focusMode,,20
Lines changed: 13 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
1-
refId,value
2-
author,Isabel Del Castillo
3-
title,Color Viewer Slider
4-
authorEmail,isa.delcastillo5@gmail.com
5-
reference,reference/2022-4-11_11511/slider-color-viewer.html
6-
designPattern,https://w3c.github.io/aria-practices/#slider
7-
example,https://w3c.github.io/aria-practices/examples/slider/slider-color-viewer.html
8-
slider,https://w3c.github.io/aria/#slider
9-
aria-labelledby,https://w3c.github.io/aria/#aria-labelledby
10-
aria-valuenow,https://w3c.github.io/aria/#aria-valuenow
11-
aria-valuemin,https://w3c.github.io/aria/#aria-valuemin
12-
aria-valuemax,https://w3c.github.io/aria/#aria-valuemax
1+
refId,type,value,linkText
2+
author,metadata,Isabel Del Castillo,
3+
title,metadata,Color Viewer Slider,
4+
authorEmail,metadata,isa.delcastillo5@gmail.com,
5+
reference,metadata,reference/2022-4-11_11511/slider-color-viewer.html,Test Case Page for Color Viewer Slider
6+
designPattern,metadata,https://www.w3.org/WAI/ARIA/apg/patterns/slider/,APG Pattern: Slider
7+
example,metadata,https://www.w3.org/WAI/ARIA/apg/patterns/slider/examples/slider-color-viewer/,APG Example: Color Viewer Slider
8+
slider,aria,slider,slider
9+
aria-labelledby,aria,aria-labelledby,aria-labelledby
10+
aria-valuenow,aria,aria-valuenow,aria-valuenow
11+
aria-valuemin,aria,aria-valuemin,aria-valuemin
12+
aria-valuemax,aria,aria-valuemax,aria-valuemax
13+
aria-orientation,aria,aria-orientation,aria-orientation
Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
setupScript,setupScriptDescription
2+
setFocusAfterRedSlider,sets focus on a link after the Red slider
3+
setFocusBeforeRedSlider,sets focus on a link before the Red slider
4+
setFocusOnRedSlider,sets focus on the 'Red' slider
Lines changed: 10 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,10 @@
1-
testId,title,appliesTo,mode,task,setupScript,setupScriptDescription,refs,instructions,assertion1,assertion2,assertion3,assertion4,assertion5,assertion6,assertion7
2-
1,Navigate forwards to a slider in reading mode,"JAWS,NVDA",reading,navigate forwards to slider,setFocusBeforeRedSlider,sets focus on a link before the Red slider,slider aria-labelledby aria-valuenow aria-valuemin aria-valuemax,"With the reading cursor on the 'Navigate forwards from here' link, navigate to the 'Red' slider.",Role 'slider' is conveyed,Name 'Red' is conveyed,Value '128' is conveyed,Orientation 'horizontal' is conveyed,2:Minimum value '0' is conveyed,2:Maximum value '255' is conveyed,
3-
2,Navigate backwards to a slider in reading mode,"JAWS,NVDA",reading,navigate backwards to slider,setFocusAfterRedSlider,sets focus on a link after the Red slider,slider aria-labelledby aria-valuenow aria-valuemin aria-valuemax,"With the reading cursor on the 'Navigate backwards from here' link, navigate to the 'Red' slider.",Role 'slider' is conveyed,Name 'Red' is conveyed,Value '128' is conveyed,Orientation 'horizontal' is conveyed,2:Minimum value '0' is conveyed,2:Maximum value '255' is conveyed,
4-
3,Navigate forwards to a slider in interaction mode,"JAWS,NVDA",interaction,navigate forwards to slider,setFocusBeforeRedSlider,sets focus on a link before the Red slider,slider aria-labelledby aria-valuenow aria-valuemin aria-valuemax,"With focus on the 'Navigate forwards from here' link, navigate to the 'Red' slider.",Role 'slider' is conveyed,Name 'Red' is conveyed,Value '128' is conveyed,Orientation 'horizontal' is conveyed,2:Minimum value '0' is conveyed,2:Maximum value '255' is conveyed,
5-
4,Navigate backwards to a slider in interaction mode,"JAWS,NVDA",interaction,navigate backwards to slider,setFocusAfterRedSlider,sets focus on a link after the Red slider,slider aria-labelledby aria-valuenow aria-valuemin aria-valuemax,"With focus on the 'Navigate backwards from here' link, navigate to the 'Red' slider.",Role 'slider' is conveyed,Name 'Red' is conveyed,Value '128' is conveyed,Orientation 'horizontal' is conveyed,2:Minimum value '0' is conveyed,2:Maximum value '255' is conveyed,
6-
5,Navigate forwards to a slider,voiceover_macos,interaction,navigate forwards to slider,setFocusBeforeRedSlider,sets focus on a link before the Red slider,slider aria-labelledby aria-valuenow aria-valuemin aria-valuemax,"With focus on the 'Navigate forwards from here' link, navigate to the 'Red' slider.",Role 'slider' is conveyed,Name 'Red' is conveyed,Value '128' is conveyed,Orientation 'horizontal' is conveyed,2:Minimum value '0' is conveyed,2:Maximum value '255' is conveyed,
7-
6,Navigate backwards to a slider,voiceover_macos,interaction,navigate backwards to slider,setFocusAfterRedSlider,sets focus on a link after the Red slider,slider aria-labelledby aria-valuenow aria-valuemin aria-valuemax,"With focus on the 'Navigate backwards from here' link, navigate to the 'Red' slider.",Role 'slider' is conveyed,Name 'Red' is conveyed,Value '128' is conveyed,Orientation 'horizontal' is conveyed,2:Minimum value '0' is conveyed,2:Maximum value '255' is conveyed,
8-
7,Read information about a slider in reading mode,"JAWS,NVDA",reading,read information about slider,setFocusOnRedSlider,sets focus on the 'Red' slider,slider aria-labelledby aria-valuenow aria-valuemin aria-valuemax,"With the reading cursor on the 'Red' slider, read information about the slider.",Role 'slider' is conveyed,Name 'Red' is conveyed,Value '128' is conveyed,Orientation 'horizontal' is conveyed,2:Minimum value '0' is conveyed,2:Maximum value '255' is conveyed,
9-
8,Read information about a slider in interaction mode,"JAWS,NVDA",interaction,read information about slider,setFocusOnRedSlider,sets focus on the 'Red' slider,slider aria-labelledby aria-valuenow aria-valuemin aria-valuemax,"With focus on the 'Red' slider, read information about the slider.",Role 'slider' is conveyed,Name 'Red' is conveyed,Value '128' is conveyed,Orientation 'horizontal' is conveyed,2:Minimum value '0' is conveyed,2:Maximum value '255' is conveyed,
10-
9,Read information about a slider,voiceover_macos,interaction,read information about slider,setFocusOnRedSlider,sets focus on the 'Red' slider,slider aria-labelledby aria-valuenow aria-valuemin aria-valuemax,"With focus on the 'Red' slider, read information about the slider.",Role 'slider' is conveyed,Name 'Red' is conveyed,Value '128' is conveyed,Orientation 'horizontal' is conveyed,2:Minimum value '0' is conveyed,2:Maximum value '255' is conveyed,
11-
10,Increment a slider by one step in interaction mode,"JAWS,NVDA",interaction,increment slider by one step,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow,"With focus on the 'Red' slider, set its value to 129.",Value '129' is conveyed,,,,,,
12-
11,Increment a slider by one step,voiceover_macos,interaction,increment slider by one step,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow,"With focus on the 'Red' slider, set its value to 129.",Value '129' is conveyed,,,,,,
13-
12,Decrement a slider by one step in interaction mode,"JAWS,NVDA",interaction,decrement slider by one step,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow,"With focus on the 'Red' slider, set its value to 127.",Value '127' is conveyed,,,,,,
14-
13,Decrement a slider by one step,voiceover_macos,interaction,decrement slider by one step,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow,"With focus on the 'Red' slider, set its value to 127.",Value '127' is conveyed,,,,,,
15-
14,Increment a slider by ten steps in interaction mode,"JAWS,NVDA",interaction,increment slider by ten steps,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow,"With focus on the 'Red' slider, set its value to 138.",Value '138' is conveyed,,,,,,
16-
15,Increment a slider by ten steps,voiceover_macos,interaction,increment slider by ten steps,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow,"With focus on the 'Red' slider, set its value to 138.",Value '138' is conveyed,,,,,,
17-
16,Decrement a slider by ten steps in interaction mode,"JAWS,NVDA",interaction,decrement slider by ten steps,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow,"With focus on the 'Red' slider, set its value to 118.",Value '118' is conveyed,,,,,,
18-
17,Decrement a slider by ten steps,voiceover_macos,interaction,decrement slider by ten steps,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow,"With focus on the 'Red' slider, set its value to 118.",Value '118' is conveyed,,,,,,
19-
18,Decrement a slider to the minimum value in interaction mode,"JAWS,NVDA",interaction,decrement slider to minimum value,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow aria-valuemin,"With focus on the 'Red' slider, set its value to 0.",Value '0' is conveyed,,,,,,
20-
19,Decrement a slider to the minimum value,voiceover_macos,interaction,decrement slider to minimum value,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow aria-valuemin,"With focus on the 'Red' slider, set its value to 0.",Value '0' is conveyed,,,,,,
21-
20,Increment a slider to the maximum value in interaction mode,"JAWS,NVDA",interaction,increment slider to maximum value,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow aria-valuemax,"With focus on the 'Red' slider, set its value to 255.",Value '255' is conveyed,,,,,,
22-
21,Increment a slider to the maximum value,voiceover_macos,interaction,increment slider to maximum value,setFocusOnRedSlider,sets focus on the 'Red' slider,aria-valuenow aria-valuemax,"With focus on the 'Red' slider, set its value to 255.",Value '255' is conveyed,,,,,,
1+
testId,title,presentationNumber,setupScript,instructions,assertions
2+
navForwardsToSlider,Navigate forwards to a slider,5,setFocusBeforeRedSlider,"Starting at the 'Navigate forwards from here' link, navigate to the 'Red' slider.",roleSlider nameRed value128 orientationHorizontal minimumValue0 maximumValue255 0:interactionModeEnabled
3+
navBackToSlider,Navigate backwards to a slider,6,setFocusAfterRedSlider,"Starting at the 'Navigate backwards from here' link, navigate to the 'Red' slider.",roleSlider nameRed value128 orientationHorizontal minimumValue0 maximumValue255 0:interactionModeEnabled
4+
reqInfoAboutSlider,Request information about a slider,9,setFocusOnRedSlider,"Starting at the 'Red' slider, read information about the slider.",roleSlider nameRed value128 orientationHorizontal minimumValue0 maximumValue255
5+
incrementSliderByOneStep,Increment a slider by one step,11,setFocusOnRedSlider,"Starting at the 'Red' slider, set its value to 129.",value129
6+
decrementSliderByOneStep,Decrement a slider by one step,13,setFocusOnRedSlider,"Starting at the 'Red' slider, set its value to 127.",value127
7+
incrementSliderByTenSteps,Increment a slider by ten steps,15,setFocusOnRedSlider,"Starting at the 'Red' slider, set its value to 138.",value138
8+
decrementSliderByTenSteps,Decrement a slider by ten steps,17,setFocusOnRedSlider,"Starting at the 'Red' slider, set its value to 118.",value118
9+
decrementSliderToMinimumValue,Decrement a slider to the minimum value,19,setFocusOnRedSlider,"Starting at the 'Red' slider, set its value to 0.",value0
10+
incrementSliderToMaximumValue,Increment a slider to the maximum value,21,setFocusOnRedSlider,"Starting at the 'Red' slider, set its value to 255.",value255
Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
testId,command,settings,assertionExceptions,presentationNumber
2+
navForwardsToSlider,ctrl+opt+right ctrl+opt+right,,,5
3+
navForwardsToSlider,j,,,5.1
4+
navForwardsToSlider,tab,,,5.2
5+
navBackToSlider,ctrl+opt+left ctrl+opt+left,,,6
6+
navBackToSlider,shift+j,,,6.1
7+
navBackToSlider,shift+tab,,,6.2
8+
reqInfoAboutSlider,ctrl+opt+f3,,,9
9+
reqInfoAboutSlider,ctrl+opt+f4,,,9.1
10+
incrementSliderByOneStep,right,quickNavOff,,11
11+
incrementSliderByOneStep,up,quickNavOff,,11.1
12+
incrementSliderByOneStep,ctrl+opt+shift+down ctrl+opt+up,,,11.2
13+
incrementSliderByOneStep,ctrl+opt+shift+down ctrl+opt+right,,,11.3
14+
decrementSliderByOneStep,left,quickNavOff,,13
15+
decrementSliderByOneStep,down,quickNavOff,,13.1
16+
decrementSliderByOneStep,ctrl+opt+shift+down ctrl+opt+down,,,13.2
17+
decrementSliderByOneStep,ctrl+opt+shift+down ctrl+opt+left,,,13.3
18+
incrementSliderByTenSteps,pageUp,,,15
19+
decrementSliderByTenSteps,pageDown,,,17
20+
decrementSliderToMinimumValue,home,,,19
21+
incrementSliderToMaximumValue,end,,,21

0 commit comments

Comments
 (0)