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

Showing content from https://a11ysupport.io/tests/tech__aria__role-main-named below:

Test: named main 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.

• Result: (pass)
  • Test Case: Use r (Next region) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main region"
• Result: (pass)
  • Test Case: Use Ctrl + Insert + r (List regions) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 "Site main, main"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `role="main" > 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="main" > 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: "Site main, main region, main button 1, button"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="main" > 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="main" > 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: "Site main, main region, main button 2, button"
• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main region"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "Site main, main region, end"

• Result: (pass)
  • Test Case: Use r (Next region) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main region"
• Result: (pass)
  • Test Case: Use Ctrl + Insert + r (List regions) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: Region list includes "Site main, main"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `role="main" > 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="main" > 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: "Site main, main region, main button 1, button"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="main" > 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="main" > 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: "Site main, main region, main button 2, button"
• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main region"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "Site main, main region, end"

• Result: (pass)
  • Test Case: Use r (Next region) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main region"
• Result: (pass)
  • Test Case: Use Ctrl + Insert + r (List regions) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: Region list includes "Site main, main"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `role="main" > 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="main" > 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: "Site main, main region, main button 1, button"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="main" > 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="main" > 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: "Site main, main region, main button 2, button"
• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main region"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "Site main, main region, end"

• Result: (pass)
  • Test Case: Use d (Next landmark) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main landmark"
• Result: (pass)
  • Test Case: Use Narrator + N (Move to main landmark) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 + N (Move to main landmark)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Site main, main landmark"
• Result: (pass)
  • Test Case: Use Narrator + F5 (List landmarks) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 "Site main, main"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `role="main" > 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="main" > 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: "Site main, main, Main button 1, button"
  • Must change default settings to enable support: Settings > Ease of access > Narrator > Change the level of context Narrator provides for buttons and other controls = "3 - Immediate context name and type"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="main" > 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="main" > 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: "Site main, main, Main button 2, button"
  • Must change default settings to enable support: Settings > Ease of access > Narrator > Change the level of context Narrator provides for buttons and other controls = "3 - Immediate context name and type"
• Result: (fail)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 main 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="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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 main role container"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use d (Next landmark) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main landmark, This is the start of the main role container"
• Result: (pass)
  • Test Case: Use NVDA + F7 (Open Elements List) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: Elements landmarks list includes "Site main; main"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `role="main" > 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="main" > 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: "Site main, main landmark, Main button 1, button"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="main" > 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="main" > 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: "Site main, main landmark, Main button 2, button"
• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main landmark, This is the start of the main role container"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "Site main, main landmark, This is the end of the main role container"

• Result: (pass)
  • Test Case: Use d (Next landmark) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main landmark, This is the start of the main role container"
• Result: (pass)
  • Test Case: Use NVDA + F7 (Open Elements List) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 "Site main, main"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `role="main" > 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="main" > 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: "Site main, main landmark, main button 1, button"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="main" > 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="main" > 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: "Site main, main landmark, main button 2, button"
• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main landmark, This is the start of the main role container"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "Site main, main landmark, This is the end of the main role container"

• Result: (pass)
  • Test Case: Use d (Next landmark) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main landmark, This is the start of the main role container"
• Result: (pass)
  • Test Case: Use NVDA + F7 (Open Elements List) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 "Site main, main"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `role="main" > 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="main" > 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: "Site main, main landmark, main button 1, button"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="main" > 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="main" > 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: "Site main, main landmark, main button 2, button"
• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main landmark, This is the start of the main role container"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "Site main, main landmark, This is the end of the main role container"

• Result: (pass)
  • Test Case: Use swipe down after changing the reading control to 'landmarks' (alt+D) (Next landmark) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main, This is the start of the main role container"
• Result: (fail)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 main 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="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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 main role container"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Swipe down (next landmark (correct item type must be selected)) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 main role container, Site main, main, landmark"
• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 main role container, Site main, main, landmark"
• Result: (pass)
  • Test Case: Use Swipe Left (Previous item) to navigate backwards to the end of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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 main role container, end, Site main, main"

• Result: (pass)
  • Test Case: Use VO + U (Open Rotor) to navigate forward to `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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 "Site main, main"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `role="main" > 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="main" > 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: "Main button 1, button, Site main, main"
• Result: (pass)
  • Test Case: Use Shift + Tab (Read previous focusable item) to navigate backwards to `role="main" > 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="main" > 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: "Main button 2, button, Site main, main"
• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to the start of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Site main, main"
• Result: (pass)
  • Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to the end of `role="main"`
    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="main"
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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, site main, main"

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