AT | Browser | Has Support | Output |
---|
Dragon Naturally Speaking | Chrome | not applicable | - |
JAWS | Chrome | yes | - Result: (pass)
Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-required="true"]`- 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:
*[aria-required="true"] - 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:
Tab (Read next focusable item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "animal group, required, cat radio button, not checked, 1 of 3"
- Result: (pass)
Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "group start, animal"
- Result: (pass)
Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Up arrow (Read previous item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "group end"
|
JAWS | Edge | yes | - Result: (pass)
Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-required="true"]`- 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:
*[aria-required="true"] - 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:
Tab (Read next focusable item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "animal group, required, cat radio button, not checked, 1 of 3"
- Result: (pass)
Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "group start, animal"
- Result: (pass)
Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Up arrow (Read previous item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "group end"
|
JAWS | Firefox | yes | - Result: (pass)
Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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:
Tab (Read next focusable item)- After issuing the command, virtual focus should be: within target
- Record results for the relevant expectations
- Output: "animal, required, cat radio button, not checked, 1 of 3"
- Result: (pass)
Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "group start, animal"
- Result: (pass)
Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Up arrow (Read previous item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "group end"
|
Narrator | Edge | yes | - Result: (pass)
Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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:
Tab (Read next focusable item)- After issuing the command, virtual focus should be: within target
- Record results for the relevant expectations
- Output: "Animal. Cat. Radio button. Non selected. 1 of 3."
- Result: (pass)
Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: start of target
- Record results for the relevant expectations
- Output: "Selected. Requires selection. Contains 2 items. Required. Heading level 3. Animal."
- Result: (pass)
Test Case: Use Up arrow (Jump to previous item (scan mode)) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Up arrow (Jump to previous item (scan mode))- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "Selected. Requires selection. Contains 2 items. Required. Heading level 3. CatDog."
Notes: Reading mode passed because "Contains 2 items" implies a grouping |
NVDA | Chrome | partial | - Result: (pass)
Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-required="true"]`- 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:
*[aria-required="true"] - 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:
Tab (Read next focusable item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "Animal grouping required. Cat radio button. not checked, 1 of 3."
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "grouping, required, Heading level 3 Animal"
- Result: (fail)
Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
up arrow (Read previous item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "grouping, required, radio button not checked, Cat. radio button not checked, dog, radio button not checked. clickable. CatDog."
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forwards out of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Record results for the relevant expectations
- Output: "out of grouping, Button, Submit."
|
NVDA | Edge | partial | - Result: (pass)
Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-required="true"]`- 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:
*[aria-required="true"] - 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:
Tab (Read next focusable item)- After issuing the command, virtual focus should be: target
- Record results for the relevant expectations
- Output: "Animal grouping required. Cat radio button. not checked, 1 of 3."
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "grouping, required, Heading level 3 Animal"
- Result: (fail)
Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
up arrow (Read previous item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "grouping, required, radio button not checked, Cat. radio button not checked, dog, radio button not checked. clickable. CatDog."
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forwards out of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Record results for the relevant expectations
- Output: "out of grouping, Button, Submit."
|
NVDA | Firefox | partial | - Result: (pass)
Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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:
Tab (Read next focusable item)- After issuing the command, virtual focus should be: within target
- Record results for the relevant expectations
- Output: "Animal grouping required. Cat radio button. Checked, 1 of 3."
- Result: (fail)
Test Case: Use down arrow (Read next item) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "Heading level 3 Animal"
- Result: (fail)
Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
up arrow (Read previous item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "radio button not checked. clickable Cat. radio button not checked. clickable. CatDog."
- Result: (fail)
Test Case: Use down arrow (Read next item) to navigate forwards out of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Record results for the relevant expectations
- Output: "Button. Submit."
|
Orca | Firefox | partial | - Result: (unknown)
Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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:
Tab (Read next focusable item)- After issuing the command, virtual focus should be: within target
- Record results for the relevant expectations
- Output: "animal panel, cat, not selected, radio button"
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "animal panel"
- Result: (pass)
Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
up arrow (Read previous item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "animal panel. cat, not selected, radio button. dog, not selected, radio button. catdog, not selected, radio button"
- Result: (pass)
Test Case: Use down arrow (Read next item) to navigate forwards out of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Record results for the relevant expectations
- Output: "leaving panel"
|
TalkBack | Chrome | none | - Result: (fail)
Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "No checked, cat, radio button. Double tap to toggle."
- Result Notes: Not conveyed when any of the radio buttons are focused
- Result: (fail)
Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "No checked, cat, radio button. Double tap to toggle."
- Result Notes: Group semantics were not conveyed
Grading Note: There is no known/documented support. There may still be support for this expectation, but it is undocumented. If this is the case, please report this issue. |
Voice Access (Android) | Chrome | not applicable | - |
Voice Control (iOS) | Safari | not applicable | - |
Voice Control (MacOS) | Safari | not applicable | - |
VoiceOver (iOS) | Safari | none | - Result: (fail)
Test Case: Use Swipe Right (Next item) while within `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: within target
- Record results for the relevant expectations
- Output: "Cat, radio button, unchecked, 1 of 3, required"
- Result: (fail)
Test Case: Use Swipe Right (Next item) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: start of target
- Record results for the relevant expectations
- Output: "Animal, Heading level 3, required"
- Result: (fail)
Test Case: Use Swipe Left (Previous item) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
Swipe Left (Previous item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "CatDog. Radio button, unchecked, 3 of 3, required"
Grading Note: There is no known/documented support. There may still be support for this expectation, but it is undocumented. If this is the case, please report this issue. |
VoiceOver (macOS) | Safari | yes | - Result: (pass)
Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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:
Tab (Read next focusable item)- After issuing the command, virtual focus should be: within target
- Record results for the relevant expectations
- Output: "Cat, radio button, 1 of 3, Animal, radio group."
- Result: (pass)
Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: "Animal. Required. Radio group."
- Result: (pass)
Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to the end of `*[role="radiogroup"]`- 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:
*[role="radiogroup"] - 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: after target
- Keyboard focus is: after target
- Mode is: auto (do not explicitly change the mode)
- Issue the command:
VO + Left Arrow (Read previous item)- After issuing the command, virtual focus should be: end of target
- Record results for the relevant expectations
- Output: "End of Animal. Required. Radio group."
|
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 | - |