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

Showing content from https://a11ysupport.io/tests/apg__aria-1-2-combobox-with-list-autocomplete-example below:

Test: APG Editable Combobox With List Autocomplete Example

Screen Reader support level: partial (189/248)

Voice Control support level: partial (41/44)

• 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 is a test of the Aria Authoring Practices Editable Combobox With List Autocomplete Example

Results in this test range from 2 years ago to 2 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 2 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 combobox role. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the aria-activedescendant attribute feature.

A screen reader user needs to be aware of which descendant is currently active

• Screen Readers: MUST
• Voice Control: NA

• When navigating to an element with this attribute, screen readers will also announce the referenced element

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

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "states list with 6 items, nebraska, 1 of 6, to move to an item press the arrow keys"

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "states list with 6 items, nebraska, 1 of 6, to move to an item press the arrow keys"

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "states list with 6 items, nebraska, 1 of 6, to move to an item press the arrow keys"

• Result: (partial)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "scan, states, nebraska, 1 of 6, selected"
  • Result Notes: Partial because Narrator switched to scan mode, and is no longer respecting the activedescendant. However, if you manually exit scan mode, activedescendant works as expected.

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "states, list, nebraska, 1 of 6"

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "states, list, nebraska, 1 of 6"

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "states list, nebraska, 1 of 6"

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "states list with 6 items, nebraska"

• Result: (na)
  • Test Case: Navigate into listbox from the combobox input using Select next option (Swipe right)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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 command
       • summary: navigate forward to the combobox
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • virtual cursor location: target
    5. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • virtual cursor location: target
    6. issue command
       • summary: navigate into the listbox
       • Using the command: "Swipe right" (Select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • virtual cursor location: within target
    7. is the expectation met?
  • Output: "states, list box" (swipe right again) "end of example, splitter"
  • Result Notes: na because touch was used

• Result: (na)
  • Test Case: Navigate into listbox from the combobox input using select next option (Swipe down)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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 command
       • summary: navigate forward to the combobox
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • virtual cursor location: target
    5. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • virtual cursor location: target
    6. issue command
       • summary: navigate into the listbox
       • Using the command: "Swipe down" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • virtual cursor location: within target
    7. is the expectation met?
  • Output: "states, nebraska, list start"
  • Result Notes: na because touch was used

• Result: (fail)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: nothing was conveyed
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.
• Result: (fail)
  • Test Case: Navigate into listbox from the combobox input when the combobox has no value using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    7. is the expectation met?
  • Output: nothing was conveyed, but the list of options was displayed. Nothing was conveyed even when continuing to navigate through the options.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

These are less common combinations

• Result: (na)
  • Test Case: Navigate into listbox from the combobox input using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Down arrow" (select next option)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output:
  • Command Notes: example does not support IE; can't test dynamic functionality

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

This expectation is from the aria-activedescendant attribute feature.

A screen reader user needs to be aware of which descendant is currently active

• Screen Readers: MUST
• Voice Control: NA

• When navigating within an element with this attribute, screen readers will also announce the referenced element as the reference changes

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

• Result: (pass)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: each option was conveyed. After last option was conveyed, focus was looped back to the first option.

• Result: (pass)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: each option was conveyed. After last option was conveyed, focus was looped back to the first option.

• Result: (pass)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: each option was conveyed. After last option was conveyed, focus was looped back to the first option.

• Result: (partial)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: each option was conveyed. After last option was conveyed, the cursor exited the listbox, but the end boundary was conveyed.
  • Result Notes: partial because Narrator stayed in scan mode and did not respect activedescendant. However, if you manually exit scan mode, activedescendant works as expected.

• Result: (pass)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: each option was conveyed. After last option was conveyed, focus was looped back to the first option.

• Result: (pass)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: each option was conveyed. After last option was conveyed, focus was looped back to the first option.

• Result: (pass)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: each option was conveyed. After last option was conveyed, focus was looped back to the first option.

• Result: (pass)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: each option was conveyed. After last option was conveyed, focus was looped back to the first option.

• Result: (na)
  • Test Case: Navigate through listbox using Select next option (Swipe right)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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 command
       • summary: navigate forward to the combobox
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • virtual cursor location: target
    5. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • virtual cursor location: target
    6. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Swipe right" (Select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • virtual cursor location: within target
    7. is the expectation met?
  • Output: all options were skipped
  • Result Notes: na because touch was used

• Result: (na)
  • Test Case: Navigate through listbox using select next option (Swipe down)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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 command
       • summary: navigate forward to the combobox
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • virtual cursor location: target
    5. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • virtual cursor location: target
    6. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Swipe down" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • virtual cursor location: within target
    7. is the expectation met?
  • Output: new york, list end
  • Result Notes: na because touch was used

• Result: (fail)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: contents of listbox were skipped entirely
• Result: (fail)
  • Test Case: Navigate through listbox when combobox has no value using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    7. is the expectation met?
  • Output: nothing was conveyed even though visually options were selected

These are less common combinations

• Result: (na)
  • Test Case: Navigate through listbox using select next option (Down arrow)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate through all options in the listbox
       • Using the command: "Down arrow" (select next option)
       • You may need to issue this command multiple times
       • Observe: are the start and end boundaries of the listbox conveyed?
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output:
  • Command Notes: example does not support IE; can't test dynamic functionality

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

This expectation is from the aria-autocomplete attribute feature.

Screen reader users need to be aware that a form control has list autocomplete behavior before they start typing so that the behavior is not unexpected. When used on a combobox, this value should hint to users that the popup contains auto complete suggestions rather than a static set of options.

• Screen Readers: MUST
• Voice Control: NA

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

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, combo, collapsed, to set the value use the arrow keys or type the value"
  • Result Notes: Fail because the announcement is the same as if aria-autocomplete was set to none.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, combo, collapsed, to set the value use the arrow keys or type the value"
  • Result Notes: Fail because the announcement is the same as if aria-autocomplete was set to none.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, combo, collapsed, to set the value use the arrow keys or type the value"
  • Result Notes: Fail because the announcement is the same as if aria-autocomplete was set to none.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "scan off, state, combo, edit, collapsed, has popup"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (partial)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, combo box, collapsed, has auto complete, editable, blank"
  • Result Notes: auto complete was conveyed, but not the list value

• Result: (partial)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, combo box, collapsed, has auto complete, editable, blank"
  • Result Notes: auto complete was conveyed, but not the list value

• Result: (partial)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states, combobox, collapsed, has auto complete, editable, blank"
  • Result Notes: auto complete is conveyed, but not the list value

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, editable combobox"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next item (Swipe right (or alt+right arrow))
    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="combobox" aria-expanded="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. issue command
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "collapsed, edit box, state"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Next item (Swipe Right)
    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="combobox" aria-expanded="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. issue command
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "state, combobox, list box popup, collapsed, double tap to expand"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, list box popup, menu popup combobox"

These are less common combinations

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, type in text"

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

This expectation is from the aria-controls attribute feature.

The controlled element might not be close to the element with aria-controls and the user might find it convenient to jump directly to the controlled element.

• Screen Readers: MUST
• Voice Control: NA

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

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using Jump to controlled element (Insert + alt + M)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Insert + alt + M" (Jump to controlled element)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "move to controlled element, list box"

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using Jump to controlled element (Insert + alt + M)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Insert + alt + M" (Jump to controlled element)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "move to controlled element, list box"

• Result: (pass)
  • Test Case: Navigate into listbox from the combobox input using Jump to controlled element (Insert + alt + M)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Insert + alt + M" (Jump to controlled element)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output: "move to controlled element, list box"

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "scan off, state, combo, edit, collapsed, has popup"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, combo box, collapsed, has auto complete, editable, blank"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, combo box, collapsed, has auto complete, editable, blank"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states, combobox, collapsed, has auto complete, editable, blank"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, editable combobox"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next item (Swipe right (or alt+right arrow))
    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="combobox" aria-expanded="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. issue command
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "collapsed, edit box, state"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Next item (Swipe Right)
    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="combobox" aria-expanded="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. issue command
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "state, combobox, list box popup, collapsed, double tap to expand"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, list box popup, menu popup combobox"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

These are less common combinations

• Result: (na)
  • Test Case: Navigate into listbox from the combobox input using Jump to controlled element (Insert + alt + M)
    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="listbox"]
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "nebr"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and listbox should display
       • Ensure AT location after executing the command
         • Target: `[role="combobox"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. issue command
       • summary: navigate into the listbox
       • Using the command: "Insert + alt + M" (Jump to controlled element)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="listbox"]`
         • keyboard focus location: within target
         • virtual cursor location: within target
    8. is the expectation met?
  • Output:
  • Command Notes: example does not support IE; can't test dynamic functionality

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

This expectation is from the aria-controls attribute feature.

The controlled element might not be close to the element with aria-controls and the user might find it convenient to jump directly to the controlled element.

• Screen Readers: MUST
• Voice Control: NA

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

• Result: (pass)
  • Test Case: Navigate into listbox from the button for the combobox using Jump to controlled element (Insert + alt + M)
    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:button
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: activate the button to expand the listbox
       • Using the command: "Enter or Space" (Activate Button)
    7. set mode to browse
    8. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: target
         • virtual cursor location: target
    9. issue command
       • summary: navigate into the listbox
       • Using the command: "Insert + alt + M" (Jump to controlled element)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: within target
         • virtual cursor location: within target
    10. is the expectation met?
  • Output: "move to controlled element, list box"

• Result: (pass)
  • Test Case: Navigate into listbox from the button for the combobox using Jump to controlled element (Insert + alt + M)
    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:button
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: activate the button to expand the listbox
       • Using the command: "Enter or Space" (Activate Button)
    7. set mode to browse
    8. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: target
         • virtual cursor location: target
    9. issue command
       • summary: navigate into the listbox
       • Using the command: "Insert + alt + M" (Jump to controlled element)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: within target
         • virtual cursor location: within target
    10. is the expectation met?
  • Output: "move to controlled element, list box"

• Result: (pass)
  • Test Case: Navigate into listbox from the button for the combobox using Jump to controlled element (Insert + alt + M)
    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:button
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: activate the button to expand the listbox
       • Using the command: "Enter or Space" (Activate Button)
    7. set mode to browse
    8. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: target
         • virtual cursor location: target
    9. issue command
       • summary: navigate into the listbox
       • Using the command: "Insert + alt + M" (Jump to controlled element)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: within target
         • virtual cursor location: within target
    10. is the expectation met?
  • Output: "move to controlled element, list box"

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: states, button expanded
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, expanded, push button"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Read next item (Swipe right (or alt+right arrow))
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. issue command
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "expanded, states, button"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next item (Swipe Right)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. issue command
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states, button, expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Read next item (VO + Right arrow)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "VO + Right arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

These are less common combinations

• Result: (na)
  • Test Case: Navigate into listbox from the button for the combobox using Jump to controlled element (Insert + alt + M)
    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:button
       • If multiple elements match the selector, repeat this test for all 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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: activate the button to expand the listbox
       • Using the command: "Enter or Space" (Activate Button)
    7. set mode to browse
    8. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: target
         • virtual cursor location: target
    9. issue command
       • summary: navigate into the listbox
       • Using the command: "Insert + alt + M" (Jump to controlled element)
       • Observe: the listbox role and name should be conveyed
       • Ensure AT location after executing the command
         • Target: `button`
         • keyboard focus location: within target
         • virtual cursor location: within target
    10. is the expectation met?
  • Output:
  • Command Notes: example does not support IE; can't test dynamic functionality

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

This expectation is from the aria-controls attribute feature.

Users need to be aware that an element has aria-controls functionality. If the presence of the attribute is not explicitly conveyed, then users may not be aware of the functionality. However, some screen readers may choose to not convey the presence by default since the controlled element is usually directly after the controlling element in the reading order and easily findable. In these situations, explicitly conveying the presence could be unnecessarily verbose.

• Screen Readers: SHOULD
• Voice Control: NA

• When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element
• Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity.

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

This is not a MUST requirement, because the functionality could still be discoverable via the screen reader's command to jump to the controlled element. If the command fails, the attribute is not present.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, combo, collapsed, to set the value use the arrow keys or type the value"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, combo, collapsed, to set the value use the arrow keys or type the value"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, combo, collapsed, to set the value use the arrow keys or type the value"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "scan off, state, combo, edit, collapsed, has popup"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, combo box, collapsed, has auto complete, editable, blank"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, combo box, collapsed, has auto complete, editable, blank"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states, combobox, collapsed, has auto complete, editable, blank"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, editable combobox"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next item (Swipe right (or alt+right arrow))
    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="combobox" aria-expanded="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. issue command
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "collapsed, edit box, state"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Next item (Swipe Right)
    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="combobox" aria-expanded="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. issue command
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "state, combobox, list box popup, collapsed, double tap to expand"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, list box popup, menu popup combobox"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

These are less common combinations

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, type in text"

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

This expectation is from the aria-controls attribute feature.

Users need to be aware that an element has aria-controls functionality. If the presence of the attribute is not explicitly conveyed, then users may not be aware of the functionality. However, some screen readers may choose to not convey the presence by default since the controlled element is usually directly after the controlling element in the reading order and easily findable. In these situations, explicitly conveying the presence could be unnecessarily verbose.

• Screen Readers: SHOULD
• Voice Control: NA

• When supported, screen readers will often hint that an element controls another element, and may even announce the keyboard shortcut to jump to the controlled element
• Most screen readers either do not support this attribute or the setting to convey the presence is turned off by default. This is because in the vast majority of cases, the controlled element is adjacent to the element with aria-controls, and thus announcing the presence is redundant and add extra verbosity.

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

This is not a MUST requirement, because the functionality could still be discoverable via the screen reader's command to jump to the controlled element. If the command fails, the attribute is not present.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: states, button expanded
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, expanded, push button"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Read next item (Swipe right (or alt+right arrow))
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. issue command
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "expanded, states, button"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next item (Swipe Right)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. issue command
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states, button, expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Read next item (VO + Right arrow)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "VO + Right arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

These are less common combinations

• Result: (na)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output:
  • Command Notes: example does not support IE; can't test dynamic functionality

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

This expectation is from the aria-expanded attribute feature.

The user needs to know that the value was successfully changed.

• Screen Readers: MUST
• Voice Control: NA

• If the element with aria-expanded has focus when its expanded state changes, the new state value will be announced (either "expanded" or "collapsed"). Some screen readers will re-announce the entire element, including name, role, and other properties and states.

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

• Result: (pass)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: input is echoed back ("n", "e"). "expanded" is announced when the list box is expanded.

• Result: (pass)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: input is echoed back ("n", "e"). "expanded" is announced when the list box is expanded.

• Result: (pass)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: input is echoed back ("n", "e"). "expanded" is announced when the list box is expanded.

• Result: (pass)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: input is echoed back ("n", "e"). "suggestions available" is announced when the list box is expanded.

• Result: (pass)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: input is echoed back ("n", "e"). "expanded" is announced when the list box is expanded.

• Result: (pass)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: input is echoed back ("n", "e"). "expanded" is announced when the list box is expanded.

• Result: (pass)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: input is echoed back ("n", "e"). "expanded" is announced when the list box is expanded.

• Result: (pass)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: input is echoed back ("n", "e"). "state, editable combobox, expanded" is announced when the list box is expanded.

• Result: (na)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    6. is the expectation met?
  • Output: input is echoed back ("n", "e").
  • Command Notes: list box does not expand while typing, you must expand it via the button
  • Result Notes: na because list box does not expand
• Result: (pass)
  • Test Case: activate the combobox button to expand the combobox using Activate button (double tap (or alt+enter))
    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:button[aria-expanded="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. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "nex_item"
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • virtual cursor location: target
    5. issue command
       • Using the command: "double tap (or alt+enter)" (Activate button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "expanded, 6 auto complete options available."

• Result: (fail)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    6. is the expectation met?
  • Output: input is echoed back ("n", "e").
  • Command Notes: nothing is announced to indicate that the list box has expanded while typing
• Result: (na)
  • Test Case: activate the combobox button to expand the combobox using Activate Button (Double tap)
    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:button[aria-expanded="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. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "nex_item"
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • virtual cursor location: target
    5. issue command
       • Using the command: "Double tap" (Activate Button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "Sate, ne, combobox, list box popup, expanded, double tap to collapse"
  • Command Notes: focus was moved to the combobox after activating the button.
  • Result Notes: na because focus did not remain on the button - so this is not testable.

• Result: (fail)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: input is echoed back ("n", "e").
  • Command Notes: there is no indication that the listbox was expanded

These are less common combinations

• Result: (na)
  • Test Case: Enter text into the collapsed combobox using enter text (<enter text>)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • summary: navigate forward to the combobox
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. issue command
       • summary: type "ne"
       • Using the command: "<enter text>" (enter text)
       • Observe: the combo box should expand and the change in expanded state should be conveyed
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output:
  • Command Notes: example does not support IE; can't test dynamic functionality

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

This expectation is from the aria-expanded attribute feature.

• Screen Readers: MUST
• Voice Control: NA

• Most screen readers will announce the state as "collapsed"

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

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, combo, collapsed, to set the value use the arrow keys or type the value"

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, combo, collapsed, to set the value use the arrow keys or type the value"

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, combo, collapsed, to set the value use the arrow keys or type the value"

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "scan off, state, combo, edit, collapsed, has popup"
  • Result Notes: was implied by its absence. When expanded, Narrator announces "suggestions available".

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, combo box, collapsed, has auto complete, editable, blank"

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, combo box, collapsed, has auto complete, editable, blank"

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states, combobox, collapsed, has auto complete, editable, blank"

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, editable combobox"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next item (Swipe right (or alt+right arrow))
    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="combobox" aria-expanded="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. issue command
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "collapsed, edit box, state"

• Result: (pass)
  • Test Case: navigate forward to the collapsed combobox without a value using Next item (Swipe Right)
    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="combobox" aria-expanded="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. issue command
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "state, combobox, list box popup, collapsed, double tap to expand"

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, list box popup, menu popup combobox"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

These are less common combinations

• Result: (fail)
  • Test Case: navigate forward to the collapsed combobox without a value using Read next focusable item (Tab)
    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="combobox" aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "Tab" (Read next focusable item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "state, edit, type in text"

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

This expectation is from the aria-expanded attribute feature.

• Screen Readers: MUST
• Voice Control: NA

• Most screen readers will announce the state as "collapsed"

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

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states button collapsed"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states button collapsed"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states button collapsed"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states button collapsed"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states button collapsed"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states button collapsed"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states button collapsed"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states, collapsed, push button"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Read next item (Swipe right (or alt+right arrow))
    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:button[aria-expanded="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. issue command
       • Using the command: "Swipe right (or alt+right arrow)" (Read next item)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "collapsed, states, button"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next item (Swipe Right)
    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:button[aria-expanded="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. issue command
       • Using the command: "Swipe Right" (Next item)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • virtual cursor location: target
    5. is the expectation met?
  • Output: "states, button collapsed, double tap to expand"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Read next item (VO + Right arrow)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "VO + Right arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states button collapsed"

These are less common combinations

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. set mode to auto (do not explicitly change the mode)
    5. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="false"]`
         • keyboard focus location: target
         • virtual cursor location: target
    6. is the expectation met?
  • Output: "states, button collapsed"

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

This expectation is from the aria-expanded attribute feature.

• Screen Readers: MUST
• Voice Control: NA

• Most screen readers will announce the state as "expanded"

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

• Result: (pass)
  • Test Case: navigate forward to the expanded combobox with a value using Read next item (Down arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "Down arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "State, edit, combo, collapsed, alabama"

• Result: (pass)
  • Test Case: navigate forward to the expanded combobox with a value using Read next item (Down arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "Down arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "State, edit, combo, collapsed, alabama"

• Result: (pass)
  • Test Case: navigate forward to the expanded combobox with a value using Read next item (Down arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "Down arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "State, edit, combo, collapsed, alabama"

• Result: (pass)
  • Test Case: navigate forward to the expanded combobox with a value using Jump to next item (scan mode) (Down arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "Down arrow" (Jump to next item (scan mode))
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "state, ne, combo, edit, expanded, has popup ne, scan off"

• Result: (pass)
  • Test Case: navigate forward to the expanded combobox with a value using Read next item (down arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "down arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "combo box, expanded, has auto complete, editable, ne"

• Result: (pass)
  • Test Case: navigate forward to the expanded combobox with a value using Read next item (down arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "down arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "combo box, expanded, has auto complete, editable, ne"

• Result: (pass)
  • Test Case: navigate forward to the expanded combobox with a value using Read next item (down arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "down arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "combo box, expanded, has auto complete, editable, ne"

• Result: (fail)
  • Test Case: navigate forward to the expanded combobox with a value using Read next item (down arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "down arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "editable combobox, ne, states, expanded, push button"
  • Result Notes: fail because the state was conveyed, but only because orca read both the combobox and the button. The conveyed state in the part of the announcement from the button, not the combobox.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: navigate backward to the expanded combobox with a value after expanding via combobox button using Read previous item (Swipe left (or alt+left arrow))
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "nex_item"
       • Ensure AT location after executing the command
         • Target: `button`
         • virtual cursor location: target
    6. issue command
       • summary: activate the button to expand the listbox
       • Using the command: "double tap (or alt+enter)" (Activate button)
    7. issue command
       • Using the command: "Swipe left (or alt+left arrow)" (Read previous item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "expanded, editing, ne, edit box, state"

• Result: (pass)
  • Test Case: navigate backward to the expanded combobox with a value after expanding via combobox button using Previous item (Swipe Left)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. issue command
       • summary: navigate forward to the button for the combobox
       • Using the command: "nex_item"
       • Ensure AT location after executing the command
         • Target: `button`
         • virtual cursor location: target
    6. issue command
       • summary: activate the button to expand the listbox
       • Using the command: "Double tap" (Activate Button)
    7. issue command
       • Using the command: "Swipe Left" (Previous item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "Sate, ne, combobox, list box popup, expanded, double tap to collapse"

• Result: (fail)
  • Test Case: navigate forward to the expanded combobox with a value using Read next item (VO + Right arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "VO + Right arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output: "ne, state, list box popup, menu popup, combobox"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

These are less common combinations

• Result: (na)
  • Test Case: navigate forward to the expanded combobox with a value using Read next item (Down arrow)
    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="combobox" aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. Position the AT so that the following is true
       • keyboard focus location: target
       • virtual cursor location: before target
    7. issue command
       • Using the command: "Down arrow" (Read next item)
       • Ensure AT location after executing the command
         • Target: `*[role="combobox" aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    8. is the expectation met?
  • Output:
  • Command Notes: example does not support IE; can't test dynamic functionality

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

This expectation is from the aria-expanded attribute feature.

• Screen Readers: MUST
• Voice Control: NA

• Most screen readers will announce the state as "expanded"

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

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: states, button expanded

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"

• Result: (pass)
  • Test Case: navigate forward to the button for the collapsed combobox without a value using Next button (b)
    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:button[aria-expanded="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. Set the value of the target to "ne"
    5. set mode to browse
    6. issue command
       • Using the command: "b" (Next button)
       • Ensure AT location after executing the command
         • Target: `button[aria-expanded="true"]`
         • keyboard focus location: target
         • virtual cursor location: target
    7. is the expectation met?
  • Output: "states, button expanded"