Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://a11ysupport.io/tests/apg__checkbox-two-state below:

Test: APG 1.1 Checkbox Example (Two State)

Screen Reader support level: partial (82/88)

Voice Control support level: supported with 6 unknown results

• About this test
• Age of results
• Test HTML
• Dates and Versions of tested combinations
• Summary of screen reader support by expectation
• Summary of voice control support by expectation
• Detailed support tables
• History
• Related features
• Contribute and Feedback

This example implements the Checkbox Design Pattern for a two state checkbox using div elements.

Results in this test range from 7 months ago to 6 years ago. See detailed information about test dates and versions for more information.

Failing or partial results may be out of date. The oldest result is from 6 years ago. Consider running this test and contributing results.

* means that some support is hidden behind settings

* means that some support is hidden behind settings

* means that some support is hidden behind settings

This expectation is applied to the checkbox role. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-checked attribute feature.

The user needs to know what the new value is and that the change was successful

• Screen Readers: MUST
• Voice Control: NA

• The new value is announced after it is changed.

All of the listed commands must pass for the expectation to pass.

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

• Result: (pass)
  • Test Case: Use double tap (Activate form control) on the target of `*[aria-checked="true"]`
    1. Launch TalkBack and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: double tap (Activate form control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Not checked"

• Result: (pass)
  • Test Case: Use Double tap (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Double tap (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked, Lettuce, checkbox"

These are less common combinations

• Result: (pass)
  • Test Case: Use Space (Activate Form Control) on the target of `*[aria-checked="true"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Space (Activate Form Control)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked"

This expectation is applied to the checkbox role. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-checked attribute feature.

The user needs to be able to tell that the element is not checked

• Screen Readers: MUST
• Voice Control: NA

• The "false" value might be conveyed as "not checked", "unchecked", or something similar.

Just one of the listed commands must pass for the expectation to pass.

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `*[aria-checked="false"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checkbox unchecked. Lettuce"
• Result: (pass)
  • Test Case: Use Up arrow (Jump to previous item (scan mode)) to navigate backwards to `*[aria-checked="false"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Jump to previous item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checkbox unchecked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox unchecked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grouping list with 4 items. check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grouping list with 4 items. check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "list with 4 items. check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward into `*[aria-checked="false"]`
    1. Launch TalkBack and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Not checked, Lettuce, checkbox, in list, 4 items"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"
• Result: (pass)
  • Test Case: Use Swipe Left (Previous item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Swipe Left (Previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox"
• Result: (pass)
  • Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: VO + Left Arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox"

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[aria-checked="false"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="false"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="false"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="false"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

This expectation is applied to the checkbox role. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-checked attribute feature.

The user needs to be able to tell that the element is checked

• Screen Readers: MUST
• Voice Control: NA

• The "true" value might be conveyed as "checked" or something similar.

Just one of the listed commands must pass for the expectation to pass.

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `*[aria-checked="true"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked checkbox. Tomato"
• Result: (pass)
  • Test Case: Use Up arrow (Jump to previous item (scan mode)) to navigate backwards to `*[aria-checked="true"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Up arrow (Jump to previous item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked checkbox. Tomato"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked Tomato checkbox"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checked Tomato checkbox"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box checked. Tomato."
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box checked. Tomato."
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box checked. Tomato."
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box checked. Tomato."
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box checked. Tomato."
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box checked. Tomato."
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "tomato checkbox checked"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward into `*[aria-checked="true"]`
    1. Launch TalkBack and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "checked, Tomato, checkbox"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato, checkbox, checked"
• Result: (pass)
  • Test Case: Use Swipe Left (Previous item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Swipe Left (Previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato, checkbox, checked"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato, checked, checkbox"
• Result: (pass)
  • Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: VO + Left Arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato, checked, checkbox"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato, checked, checkbox"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato, checked, checkbox"

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[aria-checked="true"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-checked="true"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[aria-checked="true"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-checked="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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Tomato checkbox checked"

This expectation is applied to the group role. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-labelledby attribute feature.

• Screen Readers: MUST
• Voice Control: MUST

Just one of the listed commands must pass for the expectation to pass.

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[aria-labelledby]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the start of `*[aria-labelledby]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[aria-labelledby]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments group, Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[aria-labelledby]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments group, Sprouts checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[aria-labelledby]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the start of `*[aria-labelledby]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[aria-labelledby]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments group, Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[aria-labelledby]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments group, Sprouts checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[aria-labelledby]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the start of `*[aria-labelledby]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[aria-labelledby]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments, Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[aria-labelledby]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments, Sprouts checkbox not checked"

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[aria-labelledby]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[aria-labelledby]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[aria-labelledby]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[aria-labelledby]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[aria-labelledby]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[aria-labelledby]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[aria-labelledby]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[aria-labelledby]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[aria-labelledby]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[aria-labelledby]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"

• Result: (fail)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward into `*[aria-labelledby]`
    1. Launch TalkBack and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Swipe Right (Next item) to navigate forward into `*[aria-labelledby]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.
• Result: (fail)
  • Test Case: Use Swipe Left (Previous item) to navigate backwards into `*[aria-labelledby]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Swipe Left (Previous item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `*[aria-labelledby]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments, group"
• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forwards to the end of `*[aria-labelledby]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "end of Sandwich Condiments, group"
• Result: (pass)
  • Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to the end of `*[aria-labelledby]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: VO + Left Arrow (Read previous item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "end of Sandwich Condiments, group"
• Result: (pass)
  • Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to the start of `*[aria-labelledby]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: VO + Left Arrow (Read previous item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments, group"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[aria-labelledby]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[aria-labelledby]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[aria-labelledby]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the start of `*[aria-labelledby]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[aria-labelledby]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments, Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[aria-labelledby]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[aria-labelledby]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments, Sprouts checkbox not checked"

This expectation is from the checkbox role feature.

The user needs to know the purpose of the checkbox.

• Screen Readers: MUST
• Voice Control: MUST

Just one of the listed commands must pass for the expectation to pass.

For form inputs - commands to read line by line (down and up arrows in most windows screen readers) will not always result in the name being explicitly conveyed when the virtual focus is moved to an input where the label is visually displayed and programmatically associated with the input. This is acceptable because the name is implied by the fact that it should be naturally found in the reading order. Some screen readers choose to not convey the name in these cases, likely in an effort to reduce verbosity.

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Dragon Naturally Speaking and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: checkbox was flagged for disambiguation
  • Command Notes: said "click check box"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `*[role="checkbox"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checkbox unchecked. Lettuce"
• Result: (pass)
  • Test Case: Use Up arrow (Jump to previous item (scan mode)) to navigate backwards to `*[role="checkbox"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Jump to previous item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checkbox unchecked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox unchecked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grouping list with 4 items. check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grouping list with 4 items. check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "list with 4 items. check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward into `*[role="checkbox"]`
    1. Launch TalkBack and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Not checked, Lettuce, checkbox, in list, 4 items"

• Result: (pass)
  • Test Case: Use "Tap <text>" or just "<text>" (Activate item by name)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Tap <text>" or just "<text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: checkbox was checked
  • Command Notes: said "tap lettuce"

• Result: (pass)
  • Test Case: Use "Tap <text>" (Activate item by name)
    1. Launch Voice Control (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Tap <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: checkbox was checked
  • Command Notes: said "tap lettuce"

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Voice Control (MacOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: checkbox was checked
  • Command Notes: said "click lettuce"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `*[role="checkbox"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"
• Result: (pass)
  • Test Case: Use Swipe Left (Previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Swipe Left (Previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox"
• Result: (pass)
  • Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: VO + Left Arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox"

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: checkmark was unchecked
  • Command Notes: said "click tomato"

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: checkmark was unchecked
  • Command Notes: said "click tomato"

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

This expectation is from the checkbox role feature.

The user needs to know that the element has checkbox behavior.

• Screen Readers: MUST
• Voice Control: MUST

• A screen reader might announce an element as something like "<name>, <role>"
• A screen reader might imply the role by the presence of certain context roles
• Voice Control software might let the user say something like "click, <role>".
• Voice Control software might let the user say something like "show numbers", and interactive roles will be flagged with numbers.

Just one of the listed commands must pass for the expectation to pass.

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Dragon Naturally Speaking and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: checkbox was flagged for disambiguation
  • Command Notes: said "click check box"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `*[role="checkbox"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checkbox unchecked. Lettuce"
• Result: (pass)
  • Test Case: Use Up arrow (Jump to previous item (scan mode)) to navigate backwards to `*[role="checkbox"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Jump to previous item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "checkbox unchecked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments. Lettuce checkbox unchecked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox unchecked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grouping list with 4 items. check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grouping list with 4 items. check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "list with 4 items. check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "check box not checked. Lettuce"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward into `*[role="checkbox"]`
    1. Launch TalkBack and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Not checked, Lettuce, checkbox, in list, 4 items"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role is flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Control (MacOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role is flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `*[role="checkbox"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"
• Result: (pass)
  • Test Case: Use Swipe Left (Previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Swipe Left (Previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox"
• Result: (pass)
  • Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: VO + Left Arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments group"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Windows Speech Recognition and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Windows Speech Recognition and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was flagged with a number
  • Command Notes: said "show numbers"

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="checkbox"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `*[role="checkbox"]`
    1. Launch JAWS and IE.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="checkbox"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Lettuce checkbox not checked"

This expectation is from the group role feature.

A screen reader user needs to be aware of the name of group

• Screen Readers: MUST
• Voice Control: NA

• The accessible name of the group is announced when entering the group.

Just one of the listed commands must pass for the expectation to pass.

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[role="group"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the start of `*[role="group"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="group"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments group, Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[role="group"]`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments group, Sprouts checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[role="group"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the start of `*[role="group"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="group"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments group, Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[role="group"]`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments group, Sprouts checkbox not checked"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `*[role="group"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the start of `*[role="group"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Read previous item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Group Start, Sandwich Condiments"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="group"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments, Lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[role="group"]`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments, Sprouts checkbox not checked"

• Result: (fail)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward into `*[role="group"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "1 of 4, level 2e"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.
• Result: (fail)
  • Test Case: Use Up arrow (Jump to previous item (scan mode)) to navigate backwards into `*[role="group"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Up arrow (Jump to previous item (scan mode))
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "4 of 4, level 2"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="group"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments. Unchecked lettuce checkbox"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[role="group"]`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments. Unchecked Sprouts checkbox"

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="group"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[role="group"]`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="group"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[role="group"]`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="group"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Lettuce. check box not checked"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[role="group"]`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments grouping. list with 4 items. Sprouts. check box not checked"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `*[role="group"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `*[role="group"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Sandwich condiments panel, list with 4 items, lettuce checkbox not checked"

• Result: (fail)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward into `*[role="group"]`
    1. Launch TalkBack and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Not checked, Lettuce, checkbox, in list, 4 items"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Swipe Right (Next item) to navigate forward into `*[role="group"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.
• Result: (fail)
  • Test Case: Use Swipe Left (Previous item) to navigate backwards into `*[role="group"]`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Swipe Left (Previous item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Lettuce, checkbox, unchecked"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `*[role="group"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: start of target
    6. Record results for the relevant expectations
  • Output: "Sandwich Condiments, group"
• Result: (pass)
  • Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to the end of `*[role="group"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: VO + Left Arrow (Read previous item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "end of Sandwich Condiments, group"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward into `*[role="group"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Lettuce, unchecked, checkbox, Sandwich Condiments, group"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards into `*[role="group"]`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[role="group"]
       • 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.
    4. 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)
    5. Issue the command: Shift + Tab (Read previous focusable item)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "Sprouts, unchecked, checkbox, Sandwich Condiments, group"