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

Showing content from https://a11ysupport.io/tests/tech__html__select below:

Test: HTML select element test

Screen Reader support level: partial (89/121)

Voice Control support level: partial (17/30)

• 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

A sample select element with opt elements.

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

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

HTML source is too long to display here.

* 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 option element. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the disabled attribute feature.

• Screen Readers: MUST
• Voice Control: MAY

• Screen readers might convey the disabled state by announcing "disabled", "unavailable", or "dimmed"
• Screen readers might convey the disabled state of certain embedded controls, such as the option element, by skipping it when navigating embedded controls
• Voice control software might not include the element in operations, for example it might not flag the element with a number or respond to name commands

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

• Result: (fail)
  • Test Case: Use "Choose <option text>" (Choose drop down option)
    1. Launch Dragon Naturally Speaking and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Choose <option text>" (Choose drop down option)
    5. Record results for the relevant expectations
  • Output: the "nothing" option was chosen, however, options within optgroups could not be chosen.
  • Result Notes: I said 'click listbox', 'show choices', 'choose nothing', and the option was activated.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "everything"
  • Command Notes: Disabled options were skipped. could not find a command to navigate to them.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "everything"
  • Command Notes: Disabled options were skipped. could not find a command to navigate to them.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "everything"
  • Command Notes: Disabled options were skipped. could not find a command to navigate to them.

• Result: (partial)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option[disabled]`
    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:option[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: browse (explicitly change the mode if needed)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "5 of 8 broccoli" (when scan mode is on)
  • Command Notes: Disabled options are skipped in forms mode. Partial because if you open the select and switch to browse mode, you can get to the disabled options but they are not conveyed as disabled. The posinset info may also hint at disabled options being present.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options were skipped

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options were skipped

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options were skipped

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options are skipped which implies the disabled state

• Result: (pass)
  • Test Case: Use Swipe right (Select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (Select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "veggies, disabled" for opgroup and "Broccoli, disabled" for option
  • Result Notes: failure because it is the same announcement as an optgroup ("double tap to toggle" was not announced) and the two may be confused.

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was not flagged with a number
  • Command Notes: said "show numbers"
• Result: (pass)
  • Test Case: Use "Tap <text>" or just "<text>" (Activate item by name)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Tap <text>" or just "<text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: button was not activated
  • Command Notes: said "tap Broccoli"

• Result: (unknown)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Control (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was not flagged with a number
  • Command Notes: said "show numbers". Unknown because the select widget is not operable by VC.
• Result: (unknown)
  • Test Case: Use "Tap <text>" (Activate item by name)
    1. Launch Voice Control (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Tap <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: button was not activated
  • Command Notes: said "tap Broccoli". Unknown because the select widget is not operable by VC.

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Voice Control (MacOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: option was not selected
  • Command Notes: said "click lettuce"

• Result: (pass)
  • Test Case: Use Swipe down (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe down (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "broccoli, button" when within a disabled optgroup and "nothing, dimmed, button" for a disabled option outside of an optgroup
  • Result Notes: only passes when outside of a disabled optgroup

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "veggies, dimmed" or "nothing, dimmed"

• Result: (unknown)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output:
  • Result Notes: none of the options were operable

• Result: (unknown)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output:
  • Result Notes: none of the options were operable

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options were skipped

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

This expectation is from the disabled attribute feature.

• Screen Readers: MUST
• Voice Control: MAY

• Screen readers might convey the disabled state by announcing "disabled", "unavailable", or "dimmed"
• Screen readers might convey the disabled state of certain embedded controls, such as the option element, by skipping it when navigating embedded controls
• Voice control software might not include the element in operations, for example it might not flag the element with a number or respond to name commands

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

• Result: (fail)
  • Test Case: Use "Choose <option text>" (Choose drop down option)
    1. Launch Dragon Naturally Speaking and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Choose <option text>" (Choose drop down option)
    5. Record results for the relevant expectations
  • Output: the "nothing" option was chosen, however, options within optgroups could not be chosen.
  • Result Notes: I said 'click listbox', 'show choices', 'choose nothing', and the option was activated.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "everything"
  • Command Notes: Disabled options were skipped. could not find a command to navigate to them.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "everything"
  • Command Notes: Disabled options were skipped. could not find a command to navigate to them.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "everything"
  • Command Notes: Disabled options were skipped. could not find a command to navigate to them.

• Result: (fail)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `optgroup[disabled]`
    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:optgroup[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: browse (explicitly change the mode if needed)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "5 of 8 broccoli" (when scan mode is on)
  • Command Notes: optgroups were skipped entirely even after switching to browsemode.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options were skipped

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options were skipped

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options were skipped

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options are skipped which implies the disabled state

• Result: (pass)
  • Test Case: Use Swipe right (Select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (Select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "veggies, disabled" for opgroup and "Broccoli, disabled" for option

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was not flagged with a number
  • Command Notes: said "show numbers"
• Result: (pass)
  • Test Case: Use "Tap <text>" or just "<text>" (Activate item by name)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Tap <text>" or just "<text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: button was not activated
  • Command Notes: said "tap Broccoli"

• Result: (unknown)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Control (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was not flagged with a number
  • Command Notes: said "show numbers". Unknown because the select widget is not operable by VC.
• Result: (unknown)
  • Test Case: Use "Tap <text>" (Activate item by name)
    1. Launch Voice Control (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Tap <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: button was not activated
  • Command Notes: said "tap Broccoli". Unknown because the select widget is not operable by VC.

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Voice Control (MacOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: option was not selected
  • Command Notes: said "click lettuce"

• Result: (fail)
  • Test Case: Use Swipe down (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe down (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "broccoli, button" when within a disabled optgroup and "nothing, dimmed, button" for a disabled option outside of an optgroup
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "veggies, dimmed" or "nothing, dimmed"

• Result: (unknown)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output:
  • Result Notes: none of the options were operable

• Result: (unknown)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output:
  • Result Notes: none of the options were operable

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `*[disabled]`
    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:*[disabled]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: disabled options were skipped

This expectation is from the optgroup element feature.

A screen reader user needs to know what to enter.

• Screen Readers: MUST
• Voice Control: NA

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

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

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward into `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "choose a food item, banana, combobox, collapsed, has popup, banana 2 of 8, selected"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward into `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward into `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup` (leave keyboard focus within the target)
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Meats grouping. Chicken 1 of 2 level 2."

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: not conveyed
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Swipe right (Select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (Select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "meats, disabled"

• Result: (pass)
  • Test Case: Use Swipe down (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe down (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "meats", then "meats, dimmed, button"
  • Command Notes: The optgroup label is repeated twice, even visually. The first is announced without a role, and the second is announced as a disabled option.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "meats, dimmed"

These are less common combinations

• Result: (partial)
  • Test Case: Use Down arrow (select next option) to navigate forward into `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: within target
    6. Record results for the relevant expectations
  • Output: "chicken (meats)"
  • Result Notes: optgroup name is conveyed only when changing items while the listbox is collapsed.

This expectation is from the optgroup element feature.

A screen reader user needs to know that options are in a group.

• Screen Readers: MUST
• Voice Control: NA

• A screen reader might convey the group role.

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

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "choose a food item, chicken, combobox, collapsed, has popup, chicken 3 of 8, selected"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup` (leave keyboard focus within the target)
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Meats grouping. Chicken 1 of 2 level 2."

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: not conveyed
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Swipe right (Select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (Select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "meats, disabled"
  • Result Notes: failure because it is announced just like a disabled option and users might not be able to tell the difference.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Swipe down (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe down (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "meats", then "meats, dimmed, button"
  • Command Notes: The optgroup label is repeated twice, even visually. The first is announced without a role, and the second is announced as a disabled option.
  • Result Notes: Pass because it is spoken without a role, while options are announced as buttons. This lack of a role might imply the optgroup role. This is true even if it is unusual that the optgroup label is then repeated as a disabled option.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "meats, dimmed"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

These are less common combinations

This expectation is from the optgroup element feature.

A user needs to know when they enter and exit an element

• Screen Readers: MUST
• Voice Control: NA

• A screen reader might announce the role of the element when entering and say something like "leaving" when exiting.
• A screen reader might not explicitly announce entering and existing the element, but instead imply that the is in the containing object by conveying the roles of required children (options in a listbox for example).
• A screen reader might announce position in set information such as "1 of 6".
• A screen reader might not convey boundaries if the content fits on a single line

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

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forwards out of `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: after target
    6. Record results for the relevant expectations
  • Output: "choose a food item, everything, combobox, collapsed, has popup, everything 7 of 8, selected"

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forwards out of `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: after target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forwards out of `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: after target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forwards out of `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: after target
    6. Record results for the relevant expectations
  • Output: optgroup announced when entering, and position of options within optgroup convey boundaries.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: not conveyed

• Result: (fail)
  • Test Case: Use Swipe right (Select next option) to navigate forwards out of `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (Select next option)
       • After issuing the command, virtual focus should be: after target
    6. Record results for the relevant expectations
  • Output: optgroup boundaries were not conveyed

• Result: (fail)
  • Test Case: Use Swipe down (select next option) to navigate forwards out of `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe down (select next option)
       • After issuing the command, virtual focus should be: after target
    6. Record results for the relevant expectations
  • Output: everything, button
  • Command Notes: optgroup boundaries were not conveyed

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forwards out of `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: after target
    6. Record results for the relevant expectations
  • Output: optgroup boundaries were not conveyed

These are less common combinations

• Result: (partial)
  • Test Case: Use Down arrow (select next option) to navigate forwards out of `optgroup`
    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:optgroup
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: after target
    6. Record results for the relevant expectations
  • Output: optgroup boundaries were not conveyed
  • Result Notes: optgroup name and boundaries are conveyed only when changing items while the listbox is collapsed.

This expectation is from the option element feature.

A screen reader user needs to know what to enter.

• Screen Readers: MUST
• Voice Control: MUST

• A screen reader will announce the name of the option (if present) in addition to the value.
• Voice control software will let the user say something like "choose <name>" after saying something like "show choices" to pick the option.

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

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

• Result: (partial)
  • Test Case: Use "Choose <option text>" (Choose drop down option)
    1. Launch Dragon Naturally Speaking and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Choose <option text>" (Choose drop down option)
    5. Record results for the relevant expectations
  • Output: the "everything" option was chosen, however, options within optgroups could not be chosen.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "choose a food item, chicken, combobox, collapsed, has popup, chicken 3 of 8, selected"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "meats grouping, chicken 1 of 2 level 2"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (pass)
  • Test Case: Use Swipe right (Select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (Select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "steak, double tap to select"

• Result: (pass)
  • Test Case: Use "Tap <text>" or just "<text>" (Activate item by name)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Tap <text>" or just "<text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: option was activated
  • Command Notes: said "tap banana"

• Result: (fail)
  • Test Case: Use "Show names" (Turn on the names overlay)
    1. Launch Voice Control (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show names" (Turn on the names overlay)
    5. Record results for the relevant expectations
  • Output: names were not listed for options
  • Command Notes: said "show names". This was done after tapping the select element so that options were displayed.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Voice Control (MacOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: option was selected
  • Command Notes: said "click everything"

• Result: (pass)
  • Test Case: Use Swipe down (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe down (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "steak, button"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "steak"

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: role was activated
  • Command Notes: said "click chicken"

• Result: (fail)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: role was not activated
  • Command Notes: said "click chicken"
  • 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: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

This expectation is from the option element feature.

A screen reader user needs to know how they can interact with the element. Voice control software might use the role to help users activate controls that do not have a visible name.

• Screen Readers: MUST
• Voice Control: MUST

• A screen reader might announce "option" as the role.
• A screen reader might not announce a role because the role is implied by the role of a select element, combo box, or listbox.
• A screen reader might not announce a role because the role is implied by the announcement of auto complete or suggestions.
• Voice control software will let the user say something like "move down <n>" or "move up <n>" to select an option.

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

• Result: (pass)
  • Test Case: Use "Move down <n>" (Move down <n> options)
    1. Launch Dragon Naturally Speaking and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Move down <n>" (Move down <n> options)
    5. Record results for the relevant expectations
  • Output: value was changed to the next option

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "choose a food item, chicken, combobox, collapsed, has popup, chicken 3 of 8, selected"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "meats grouping, chicken 1 of 2 level 2"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

• Result: (pass)
  • Test Case: Use Swipe right (Select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (Select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "steak, double tap to select"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Control (MacOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use Swipe down (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe down (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "steak, button"
  • Result Notes: conveyed as a button, but that's okay because of the context.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "steak"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Windows Speech Recognition and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was flagged with a number
  • Command Notes: said "show numbers"

• Result: (fail)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Windows Speech Recognition and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was not flagged with a number
  • Command Notes: said "show numbers"
  • 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: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

This expectation is from the option element feature.

When user should be able to determine how many options are in the list and where they are in the list

• Screen Readers: MAY
• Voice Control: NA

• A screen reader might announce "choose <2 of 10>" when navigating through a list of options

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

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "choose a food item, chicken, combobox, collapsed, has popup, chicken 3 of 8, selected"

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"
  • Result Notes: position information is only conveyed when listbox is expanded. This matches the visual experience.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken, 3 of 8"
  • Result Notes: position information is only conveyed when listbox is expanded. This matches the visual experience.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "meats grouping, chicken 1 of 2 level 2"
  • Result Notes: only conveyed when expanded

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Swipe right (Select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (Select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "steak, double tap to select"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Swipe down (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe down (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "steak, button"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.
• Result: (fail)
  • Test Case: Use Tap or touch the item (select and speak an item) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tap or touch the item (select and speak an item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "selected, apple, button"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "steak"
  • 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: Use Down arrow (select next option) to navigate forward to `option`
    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:option
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "chicken"

This expectation is from the select element feature.

A screen reader user needs to know what to enter.

• Screen Readers: MUST
• Voice Control: MUST

• A screen reader might convey the name as something like "<role>, <name>, <value>" (order varies by screen reader and settings)
• Voice control software might allow the user to say "click <name>" to focus the select element

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

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

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Dragon Naturally Speaking and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: element was focused

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, collapsed, apple"
  • Result Notes: name is implied by reading order
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, collapsed, apple"
  • Result Notes: name is implied by reading order
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, collapsed, apple"
  • Result Notes: name is implied by reading order
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, combobox, collapsed, has popup"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, combobox, collapsed, has popup"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "clickable, choose a food item, combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combobox, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combobox, apple, focus mode"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "collapsed, choose a food item, menu popup button"

• Result: (fail)
  • Test Case: Use "Tap <text>" or just "<text>" (Activate item by name)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Tap <text>" or just "<text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: select was not activated
  • Command Notes: said "tap Choose a food item"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use "Tap <text>" (Activate item by name)
    1. Launch Voice Control (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Tap <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: input was focused
  • Command Notes: said "tap Choose a food item".

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Voice Control (MacOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: checkbox was checked
  • Command Notes: said "click Choose a food item"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, pop up button"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "apple, Choose a food item, pop up button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "apple, Choose a food item, pop up button"

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: role was activated
  • Command Notes: said "click choose a food item"

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: role was activated
  • Command Notes: said "click choose a food item"

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, apple"
  • Result Notes: name is implied by reading order
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

This expectation is from the select element feature.

A screen reader user needs to know how they can interact with the element. Voice control software might use the role to help users activate controls that do not have a visible name.

• Screen Readers: MUST
• Voice Control: MUST

• A screen reader might convey the select as a select or a combo box
• Voice control software might allow the user to say "click list box" to focus the select element

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

• Result: (pass)
  • Test Case: Use Click <role> (Click Type)
    1. Launch Dragon Naturally Speaking and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: Click <role> (Click Type)
    5. Record results for the relevant expectations
  • Output: element was focused

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, combobox, collapsed, has popup"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, combobox, collapsed, has popup"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "clickable, choose a food item, combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combobox, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combobox, apple, focus mode"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "collapsed, choose a food item, menu popup button"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role is flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Voice Control (MacOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, pop up button"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "apple, Choose a food item, pop up button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "apple, Choose a food item, pop up button"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Windows Speech Recognition and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use "Show numbers" (Turn on the numbers overlay)
    1. Launch Windows Speech Recognition and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Show numbers" (Turn on the numbers overlay)
    5. Record results for the relevant expectations
  • Output: role was flagged with a number
  • Command Notes: said "show numbers"

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

This expectation is from the select element feature.

A screen reader user needs to know the current value of the input.

• Screen Readers: MUST
• Voice Control: NA

• A screen reader might convey the value as something like "<role>, <name>, <value>" (order varies by screen reader and settings)

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

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, combobox, collapsed, has popup"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, combobox, collapsed, has popup"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "clickable, choose a food item, combo box, collapsed, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combobox, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combobox, apple, focus mode"

• Result: (fail)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "collapsed, choose a food item, menu popup button"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, pop up button"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "apple, Choose a food item, pop up button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "apple, Choose a food item, pop up button"

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Combo box, apple"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item? Combo box, apple, to change the selection use the arrow keys"

This expectation is from the select element feature.

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

• Screen Readers: MUST
• Voice Control: NA

• A screen reader might announce the new value after it has been changed

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

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "banana"
• Result: (pass)
  • Test Case: Use <enter text> (enter text) on the target of `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: <enter text> (enter text)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "b banana"
  • Command Notes: pressed 'b' to select the first option that starts with b.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "banana"
• Result: (pass)
  • Test Case: Use <enter text> (enter text) on the target of `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: <enter text> (enter text)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "b banana"
  • Command Notes: pressed 'b' to select the first option that starts with b.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "banana"
• Result: (pass)
  • Test Case: Use <enter text> (enter text) on the target of `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: <enter text> (enter text)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "b banana"
  • Command Notes: pressed 'b' to select the first option that starts with b.

• Result: (pass)
  • Test Case: Use Enter (select an option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: Enter (select an option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "choose a food item, banana, combobox, collapsed, has popup, banana 2 of 8, selected"
  • Command Notes: this is verbose output
• Result: (pass)
  • Test Case: Use <enter text> (enter text) on the target of `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: <enter text> (enter text)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "b choose a food item, banana combobox, collapsed, has popup, banana, 2 of 8 selected"
  • Command Notes: pressed 'b' to select the first option that starts with b.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "banana, 2 of 8"
• Result: (pass)
  • Test Case: Use <enter text> (enter text) on the target of `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: <enter text> (enter text)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "b banana"
  • Command Notes: pressed 'b' to select the first option that starts with b.

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "banana, 2 of 8"
• Result: (pass)
  • Test Case: Use <enter text> (enter text) on the target of `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: <enter text> (enter text)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "b banana"
  • Command Notes: pressed 'b' to select the first option that starts with b.

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combo box, apple, collapsed"
• Result: (pass)
  • Test Case: Use <enter text> (enter text) on the target of `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: <enter text> (enter text)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "b banana"
  • Command Notes: pressed 'b' to select the first option that starts with b.

• Result: (pass)
  • Test Case: Use Enter (select an option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Enter (select an option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, combobox, banana, focus mode"
• Result: (pass)
  • Test Case: Use <enter text> (enter text) on the target of `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: <enter text> (enter text)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: b banana
  • Command Notes: pressed 'b' to select the first option that starts with b.

• Result: (fail)
  • Test Case: Use Double tap (select an option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Double tap (select an option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "collapsed, choose a food item, menu popup button out of list"

• Result: (pass)
  • Test Case: Use Double tap (select an option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Double tap (select an option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Choose a food item, apple, pop up button"

• Result: (pass)
  • Test Case: Use Enter (select an option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Enter (select an option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Closing menu, chicken, Choose a food item, pop up button"
• Result: (fail)
  • Test Case: Use <enter text> (enter text) on the target of `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: target
       • Keyboard focus is: target
       • Mode is: forms (explicitly change the mode if needed)
    5. Issue the command: <enter text> (enter text)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: silence - but visually banana was selected
  • Command Notes: pressed 'b' to select the first option that starts with b.

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (select next option) to navigate forward to `select`
    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:select
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (select next option)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "banana (fruits)"