RetroSearch Browse

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

Showing content from https://a11ysupport.io/tests/techariarole-complementary-unnamed below:

Test: unnamed complementary role | Accessibility Support

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.

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

AT Browser Has Support Output Dragon Naturally Speaking Chrome not applicable - JAWS Chrome yes

Result: (pass)
- Test Case: Use r (Next region) to navigate forward to `role="complementary"`
  1. Launch JAWS and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: r (Next region)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary information"
Result: (pass)
- Test Case: Use Ctrl + Insert + r (List regions) to navigate forward to `role="complementary"`
  1. Launch JAWS and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Ctrl + Insert + r (List regions)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: Regions list includes "Complementary information"
Result: (pass)
- Test Case: Use Tab (Read next focusable item) to navigate forward to `role="complementary" > button`
  1. Launch JAWS and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: "Complementary region, comp button 1, button"
Result: (pass)
- Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="complementary" > button`
  1. Launch JAWS and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Shift + Tab (Read previous focusable item)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary region, comp button 2, button"
Result: (pass)
- Test Case: Use Down arrow (Read next item) to navigate forward to the start of `role="complementary"`
  1. Launch JAWS and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Down arrow (Read next item)
    - After issuing the command, virtual focus should be: start of target
  6. Record results for the relevant expectations
- Output: "Complementary information"
Result: (pass)
- Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `role="complementary"`
  1. Launch JAWS and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Up arrow (Read previous item)
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "Complementary information, end"

JAWS Edge yes

Result: (pass)
- Test Case: Use r (Next region) to navigate forward to `role="complementary"`
  1. Launch JAWS and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: r (Next region)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary information"
Result: (pass)
- Test Case: Use Ctrl + Insert + r (List regions) to navigate forward to `role="complementary"`
  1. Launch JAWS and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Ctrl + Insert + r (List regions)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: Regions list includes "Complementary information"
Result: (pass)
- Test Case: Use Tab (Read next focusable item) to navigate forward to `role="complementary" > button`
  1. Launch JAWS and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: "Complementary region, comp button 1, button"
Result: (pass)
- Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="complementary" > button`
  1. Launch JAWS and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Shift + Tab (Read previous focusable item)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary region, comp button 2, button"
Result: (pass)
- Test Case: Use Down arrow (Read next item) to navigate forward to the start of `role="complementary"`
  1. Launch JAWS and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Down arrow (Read next item)
    - After issuing the command, virtual focus should be: start of target
  6. Record results for the relevant expectations
- Output: "Complementary information"
Result: (pass)
- Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `role="complementary"`
  1. Launch JAWS and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Up arrow (Read previous item)
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "Complementary information, end"

JAWS Firefox yes

Result: (pass)
- Test Case: Use r (Next region) to navigate forward to `role="complementary"`
  1. Launch JAWS and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: r (Next region)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary information"
Result: (pass)
- Test Case: Use Ctrl + Insert + r (List regions) to navigate forward to `role="complementary"`
  1. Launch JAWS and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Ctrl + Insert + r (List regions)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: Regions list includes "Complementary information"
Result: (pass)
- Test Case: Use Tab (Read next focusable item) to navigate forward to `role="complementary" > button`
  1. Launch JAWS and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: "Complementary region, comp button 1, button"
Result: (pass)
- Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="complementary" > button`
  1. Launch JAWS and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Shift + Tab (Read previous focusable item)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary region, comp button 2, button"
Result: (pass)
- Test Case: Use Down arrow (Read next item) to navigate forward to the start of `role="complementary"`
  1. Launch JAWS and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Down arrow (Read next item)
    - After issuing the command, virtual focus should be: start of target
  6. Record results for the relevant expectations
- Output: "Complementary information"
Result: (pass)
- Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `role="complementary"`
  1. Launch JAWS and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Up arrow (Read previous item)
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "Complementary information, end"

Narrator Edge yes

Result: (pass)
- Test Case: Use d (Next landmark) to navigate forward to `role="complementary"`
  1. Launch Narrator and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: d (Next landmark)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary landmark"
Result: (pass)
- Test Case: Use Narrator + F5 (List landmarks) to navigate forward to `role="complementary"`
  1. Launch Narrator and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Narrator + F5 (List landmarks)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: Landmarks list includes "Complementary"
Result: (pass)
- Test Case: Use Tab (Read next focusable item) to navigate forward to `role="complementary" > button`
  1. Launch Narrator and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: "Complementary, comp button 1, button"
Result: (pass)
- Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="complementary" > button`
  1. Launch Narrator and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Shift + Tab (Read previous focusable item)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary, comp button 2, button"
Result: (fail)
- Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to the start of `role="complementary"`
  1. Launch Narrator and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: start of target
  6. Record results for the relevant expectations
- Output: "This is the start of the complementary role container"
- Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.
Result: (fail)
- Test Case: Use Up arrow (Jump to previous item (scan mode)) to navigate backwards to the end of `role="complementary"`
  1. Launch Narrator and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Up arrow (Jump to previous item (scan mode))
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "This is the end of the complementary role container"
- Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

NVDA Chrome yes

Result: (pass)
- Test Case: Use d (Next landmark) to navigate forward to `role="complementary"`
  1. Launch NVDA and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: d (Next landmark)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, This is the start of the complementary role container"
Result: (pass)
- Test Case: Use NVDA + F7 (Open Elements List) to navigate forward to `role="complementary"`
  1. Launch NVDA and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: NVDA + F7 (Open Elements List)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: Landmarks elements list includes "complementary"
Result: (pass)
- Test Case: Use Tab (Read next focusable item) to navigate forward to `role="complementary" > button`
  1. Launch NVDA and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: "Complementary landmark, Comp button 1, button"
Result: (pass)
- Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="complementary" > button`
  1. Launch NVDA and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Shift + Tab (Read previous focusable item)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, Comp button 2, button"
Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to the start of `role="complementary"`
  1. Launch NVDA and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: down arrow (Read next item)
    - After issuing the command, virtual focus should be: start of target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, This is the start of the complementary role container"
Result: (pass)
- Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `role="complementary"`
  1. Launch NVDA and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: up arrow (Read previous item)
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, This is the end of the complementary role container"

NVDA Edge yes

Result: (pass)
- Test Case: Use d (Next landmark) to navigate forward to `role="complementary"`
  1. Launch NVDA and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: d (Next landmark)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complmentary landmark, This is the start of the complementary role container"
Result: (pass)
- Test Case: Use NVDA + F7 (Open Elements List) to navigate forward to `role="complementary"`
  1. Launch NVDA and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: NVDA + F7 (Open Elements List)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: Landmarks elements list includes "complementary"
Result: (pass)
- Test Case: Use Tab (Read next focusable item) to navigate forward to `role="complementary" > button`
  1. Launch NVDA and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: "Complementary landmark, Comp button 1, button"
Result: (pass)
- Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="complementary" > button`
  1. Launch NVDA and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Shift + Tab (Read previous focusable item)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, comp button 2, button"
Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to the start of `role="complementary"`
  1. Launch NVDA and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: down arrow (Read next item)
    - After issuing the command, virtual focus should be: start of target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, This is the start of the complementary role container"
Result: (pass)
- Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `role="complementary"`
  1. Launch NVDA and Edge.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: up arrow (Read previous item)
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, This is the end of the complementary role container"

NVDA Firefox yes

Result: (pass)
- Test Case: Use d (Next landmark) to navigate forward to `role="complementary"`
  1. Launch NVDA and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: d (Next landmark)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, This is the start of the complementary role container"
Result: (pass)
- Test Case: Use NVDA + F7 (Open Elements List) to navigate forward to `role="complementary"`
  1. Launch NVDA and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: NVDA + F7 (Open Elements List)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: Landmarks elements list includes "Complementary"
Result: (pass)
- Test Case: Use Tab (Read next focusable item) to navigate forward to `role="complementary" > button`
  1. Launch NVDA and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: "Complementary landmark, comp button 1, button"
Result: (pass)
- Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="complementary" > button`
  1. Launch NVDA and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Shift + Tab (Read previous focusable item)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, comp button 2, button"
Result: (pass)
- Test Case: Use down arrow (Read next item) to navigate forward to the start of `role="complementary"`
  1. Launch NVDA and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: down arrow (Read next item)
    - After issuing the command, virtual focus should be: start of target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, This is the start of the complementary role container"
Result: (pass)
- Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `role="complementary"`
  1. Launch NVDA and Firefox.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: up arrow (Read previous item)
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "Complementary landmark, This is the end of the complementary role container"

Orca Firefox unknown - TalkBack Chrome yes

Result: (pass)
- Test Case: Use swipe down after changing the reading control to 'landmarks' (alt+D) (Next landmark) to navigate forward to `role="complementary"`
  1. Launch TalkBack and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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 after changing the reading control to 'landmarks' (alt+D) (Next landmark)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Complementary, This is the start of the complementary role container..."
Result: (fail)
- Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to the start of `role="complementary"`
  1. Launch TalkBack and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: start of target
  6. Record results for the relevant expectations
- Output: "This is the start of the complementary role container"
- Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.
Result: (fail)
- Test Case: Use Swipe left (or alt+left arrow) (Read previous item) to navigate backwards to the end of `role="complementary"`
  1. Launch TalkBack and Chrome.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Swipe left (or alt+left arrow) (Read previous item)
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "This is the end of the complementary role container"
- Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

Voice Access (Android) Chrome not applicable - Voice Control (iOS) Safari not applicable - Voice Control (MacOS) Safari not applicable - VoiceOver (iOS) Safari yes

Result: (pass)
- Test Case: Use Swipe down (next landmark (correct item type must be selected)) to navigate forward to `role="complementary"`
  1. Launch VoiceOver (iOS) and Safari.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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 (next landmark (correct item type must be selected))
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "This is the start of the complementary role container, complementary, landmark"
Result: (pass)
- Test Case: Use Swipe Right (Next item) to navigate forward to the start of `role="complementary"`
  1. Launch VoiceOver (iOS) and Safari.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: start of target
  6. Record results for the relevant expectations
- Output: "This is the start of the complementary role container, complementary, landmark"
Result: (pass)
- Test Case: Use Swipe Left (Previous item) to navigate backwards to the end of `role="complementary"`
  1. Launch VoiceOver (iOS) and Safari.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Swipe Left (Previous item)
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "This is the end of the complementary role container, end, complementary"

VoiceOver (macOS) Safari yes

Result: (pass)
- Test Case: Use VO + U (Open Rotor) to navigate forward to `role="complementary"`
  1. Launch VoiceOver (macOS) and Safari.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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 + U (Open Rotor)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: Landmarks list includes "complementary"
Result: (pass)
- Test Case: Use Tab (Read next focusable item) to navigate forward to `role="complementary" > button`
  1. Launch VoiceOver (macOS) and Safari.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are 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: "Comp button 1, button, complementary"
Result: (pass)
- Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="complementary" > button`
  1. Launch VoiceOver (macOS) and Safari.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary" > button
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: Shift + Tab (Read previous focusable item)
    - After issuing the command, virtual focus should be: target
  6. Record results for the relevant expectations
- Output: "Comp button 2, button, complementary"
Result: (pass)
- Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `role="complementary"`
  1. Launch VoiceOver (macOS) and Safari.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: before target
    - Keyboard focus is: before target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: VO + Right arrow (Read next item)
    - After issuing the command, virtual focus should be: start of target
  6. Record results for the relevant expectations
- Output: "Complementary"
Result: (pass)
- Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to the end of `role="complementary"`
  1. Launch VoiceOver (macOS) and Safari.
  2. Navigate to the test page.
  3. Find the target element(s) that you will test against. Identify all elements that match this selector:role="complementary"
    - If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
  4. Position and configure the screen reader so that the following conditions are met
    - Virtual focus is: after target
    - Keyboard focus is: after target
    - Mode is: auto (do not explicitly change the mode)
  5. Issue the command: VO + Left Arrow (Read previous item)
    - After issuing the command, virtual focus should be: end of target
  6. Record results for the relevant expectations
- Output: "End of, complementary"

Windows Speech Recognition Edge not applicable - Windows Speech Recognition Chrome not applicable - Windows Voice Access Edge not applicable - Windows Voice Access Chrome not applicable - Windows Keyboard Chrome not applicable - Windows Keyboard Firefox not applicable - Windows Keyboard Edge not applicable - Mac Keyboard Chrome not applicable - Mac Keyboard Safari not applicable - iOS Keyboard Safari not applicable - Android Keyboard Chrome not applicable -

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

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

Showing content from https://a11ysupport.io/tests/tech__aria__role-complementary-unnamed below:

Test: unnamed complementary role | Accessibility Support

Showing content from https://a11ysupport.io/tests/techariarole-complementary-unnamed below: