AT | Browser | Has Support | Output |
---|
Dragon Naturally Speaking | Chrome | not applicable | - |
JAWS | Chrome | partial | - Result: (fail)
Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`- Launch JAWS and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow (Read next item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
Test Case: Use r (Next region) to navigate forward to `section[aria-label]`- Launch JAWS and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
r (Next region)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: Sample text line 1, target region
|
JAWS | Edge | partial | - Result: (fail)
Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`- Launch JAWS and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow (Read next item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
Test Case: Use r (Next region) to navigate forward to `section[aria-label]`- Launch JAWS and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
r (Next region)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: Sample text line 1, target region
|
JAWS | Firefox | partial | - Result: (fail)
Test Case: Use Down arrow (Read next item) to navigate forward to `section[aria-label]`- Launch JAWS and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow (Read next item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
Test Case: Use r (Next region) to navigate forward to `section[aria-label]`- Launch JAWS and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
r (Next region)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1, target region"
- Result: (fail)
Test Case: Use Down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`- Launch JAWS and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow (Read next item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "example end"
|
Narrator | Edge | partial | - Result: (fail)
Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `section[aria-label]`- Launch Narrator and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow (Jump to next item (scan mode))- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
Test Case: Use d (Next landmark) to navigate forward to `section[aria-label]`- Launch Narrator and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
d (Next landmark)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "target section, region landmark"
- Result: (fail)
Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forwards out of `section[aria-label]`- Launch Narrator and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Down arrow (Jump to next item (scan mode))- After issuing the command, virtual focus should be: after target
- Record results for the relevant expectations
- Output: "example end"
|
NVDA | Chrome | yes | - Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`- Launch NVDA and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow (Read next item)- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`- Launch NVDA and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
d (Next landmark)- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`- Launch NVDA and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow (Read next item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "Out of region, example end"
|
NVDA | Edge | yes | - Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`- Launch NVDA and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow (Read next item)- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`- Launch NVDA and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
d (Next landmark)- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`- Launch NVDA and Edge.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow (Read next item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "Out of region, example end"
|
NVDA | Firefox | yes | - Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forward to the start of `section[aria-label]`- Launch NVDA and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow (Read next item)- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
Test Case: Use d (Next landmark) to navigate forward to the start of `section[aria-label]`- Launch NVDA and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
d (Next landmark)- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "Target region, Sample text line 1"
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`- Launch NVDA and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow (Read next item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "Out of region, example end"
|
Orca | Firefox | yes | - Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forward to `section[aria-label]`- Launch Orca and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow (Read next item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "region target, sample text line 1"
- Result: (pass)
Test Case: Use m (Next landmark) to navigate forward to `section[aria-label]`- Launch Orca and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
m (Next landmark)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "target, sample text line 1"
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forwards to the end of `section[aria-label]`- Launch Orca and Firefox.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
down arrow (Read next item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "leaving region, example end"
|
TalkBack | Chrome | partial | - Result: (fail)
Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `section[aria-label]`- Launch TalkBack and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe right (or alt+right arrow) (Read next item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1"
- Result: (pass)
Test Case: Use swipe down after changing the reading control to 'landmarks' (alt+D) (Next landmark) to navigate forward to `section[aria-label]`- Launch TalkBack and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
swipe down after changing the reading control to 'landmarks' (alt+D) (Next landmark)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "target, region, sample text line 1, sample text line 2, sample text line 3"
- Result Notes: boundaries implied because all contents were announced
- Result: (fail)
Test Case: unknown- Launch TalkBack and Chrome.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe right (or alt+right arrow) (Read next item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "example end"
|
Voice Access (Android) | Chrome | not applicable | - |
Voice Control (iOS) | Safari | not applicable | - |
Voice Control (MacOS) | Safari | not applicable | - |
VoiceOver (iOS) | Safari | yes | - Result: (pass)
Test Case: Use Swipe Right (Next item) to navigate forward to `section[aria-label]`- Launch VoiceOver (iOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe Right (Next item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1, target, region, Landmark"
- Result: (pass)
Test Case: Use Swipe down (next landmark (correct item type must be selected)) to navigate forward to `section[aria-label]`- Launch VoiceOver (iOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe down (next landmark (correct item type must be selected))- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "sample text line 1, target, region, landmark"
- Result: (pass)
Test Case: Use Swipe Right (Next item) to navigate forwards to the end of `section[aria-label]`- Launch VoiceOver (iOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe Right (Next item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "sample text line 3, end, target, region"
|
VoiceOver (macOS) | Safari | yes | - Result: (pass)
Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `section[aria-label]`- Launch VoiceOver (macOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: before target
- Keyboard focus is: before target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
VO + Right arrow (Read next item)- After issuing the command, virtual focus should be: start of target
- Record results for the relevant expectations
- Output: "target, region"
- Result: (pass)
Test Case: Use VO + U (Open Rotor)- Launch VoiceOver (macOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
VO + U (Open Rotor)- After issuing the command, virtual focus should be: na
- Record results for the relevant expectations
- Output: "target region"
- Result: (pass)
Test Case: Use VO + Right arrow (Read next item) to navigate forwards to the end of `section[aria-label]`- Launch VoiceOver (macOS) and Safari.
- Navigate to the test page.
- Find the target element(s) that you will test against. Identify all elements that match this selector:
section[aria-label] - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
- Position and configure the screen reader so that the following conditions are met
- Virtual focus is: within target
- Keyboard focus is: within target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
VO + Right arrow (Read next item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "end of target, region"
|
Windows Speech Recognition | Edge | not applicable | - |
Windows Speech Recognition | Chrome | not applicable | - |
Windows Voice Access | Edge | not applicable | - |
Windows Voice Access | Chrome | not applicable | - |
Windows Keyboard | Chrome | not applicable | - |
Windows Keyboard | Firefox | not applicable | - |
Windows Keyboard | Edge | not applicable | - |
Mac Keyboard | Chrome | not applicable | - |
Mac Keyboard | Safari | not applicable | - |
iOS Keyboard | Safari | not applicable | - |
Android Keyboard | Chrome | not applicable | - |