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

Showing content from https://a11ysupport.io/tests/tech__html__role-attribute below:

Test: HTML role attribute test suite

Screen Reader support level: supported

Voice Control support level: partial (7/14)

• 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 test for the HTML role attribute.

Results in this test range from 4 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 div element. Expectations and results might differ when the the feature is applied to different roles.

This expectation is from the role attribute feature.

If a screen reader user is browsing the contents of a container element and the role of the container changes, the caret should stay in the same location so that the user can continue reading the document in a logical order.

• Screen Readers: SHOULD NOT
• Voice Control: NA

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

When the role of an element changes, some AT and accessibility APIs may remove the element and all children and then replace them with the new container, which may result in the screen reader losing its caret position.

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "target text"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "target text"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "target text"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "target text"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "test region, target text"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "test region, target text"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "test region, target text"
  • Command Notes: region role and name were conveyed as if first entering the region.

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "target text"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "target text"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "target text"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "target text"

These are less common combinations

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-4`
    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:#test-4
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "target text"

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

This expectation is from the role attribute feature.

The user needs to know when a role is defined.

• Screen Readers: MUST
• Voice Control: MUST

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

The expectation is that a valid role value is conveyed to end users. This expectation does not check the correctness of the role conveyed, but only that a role is conveyed. Note that roles can be conveyed in a way that is implied by context and that AT have discretion in how to actually convey the role value. For example, some screen readers may convey the actual value of the role, and others may choose to convey a slightly different value. The correctness of role values is tested on a per-value bases elsewhere in this project.

• 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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. 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: target was flagged for disambiguation
  • Command Notes: said "click button"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button, to activate press enter"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button, to activate press enter"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button, to activate press space bar"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 1"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 1"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 1"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 1"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, push button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, push button"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, 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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. 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: target 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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. 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: target was flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"

• 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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. 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: target 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 `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-1`
    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:#test-1
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 1, button, to activate press space bar"

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

This expectation is from the role attribute feature.

If the role of an element changes, users need to be able to determine the new role

• Screen Readers: SHOULD
• Voice Control: SHOULD

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

Due to the way that accessibility APIs and caching mechanisms work, this may not be supported. ARIA explicitly forbids authors from changing roles in this way.

• 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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. 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: target was flagged for disambiguation
  • Command Notes: said "click button"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button, to activate press enter"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button, to activate press enter"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button, to activate press space bar"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 3"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 3"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 3"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 3"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, push button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, push button"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, 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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. 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: target 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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. 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: target was flagged with a number
  • Command Notes: said "show numbers"

• Result: (fail)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, link"
  • Result Notes: the stale link role was conveyed instead of the new button role.
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"

• 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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. 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: target 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 `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-3`
    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:#test-3
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 3, button, to activate press space bar"

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

This expectation is from the role attribute feature.

If multiple roles are defined, the user needs to be made aware of the first supported role value

• Screen Readers: MUST
• Voice Control: MUST

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

Authors can list multiple role values within a role attribute, and each role is separated by white space. The first recognized role will be used used. This can be helpful when authors want to use a new role that is not widely supported yet, and fall back to an older role with wider support.

• Result: (fail)
  • 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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. 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: target was not activated and not flagged for disambiguation
  • Command Notes: said "click 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 Down arrow (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button, to activate press enter"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button, to activate press enter"

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button, to activate press space bar"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 2"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 2"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 2"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "button, action 2"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, push button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, push button"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, 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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. 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: target 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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. 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: target was flagged with a number
  • Command Notes: said "show numbers"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2, button"

• 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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. 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: target was flagged with a number
  • Command Notes: said "show numbers"

These are less common combinations

• Result: (fail)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2"
• Result: (fail)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#test-2`
    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:#test-2
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "action 2"

• 2019-11-25 Create test
• 2019-11-27 Add results for browse_caret_not_lost
• 2021-08-07 Added Narrator results for NVDA and JAWS, updated NVDA+Chrome results.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4