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

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

Test: ARIA readonly grid | Accessibility Support

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

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Grid with 2 columns and 3 rows"
  • Result Notes: starting boundary was conveyed
• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "Grid end"
  • Result Notes: end boundary was conveyed
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "Grid end"
  • Result Notes: end boundary was conveyed
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Grid example, table, column 1, row 1, Grid example, grid, column 1, row 1, date column header"
  • Result Notes: start boundary was implied by the grid role being conveyed

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Grid with 2 columns and 3 rows"
  • Result Notes: starting boundary was conveyed
• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "Grid end"
  • Result Notes: end boundary was conveyed
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "Grid end"
  • Result Notes: end boundary was conveyed
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Grid example, table, column 1, row 1, Grid example, grid, column 1, row 1, date column header"
  • Result Notes: start boundary was implied by the grid role being conveyed

• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grid with 2 columns and 3 rows"
• Result: (pass)
  • Test Case: Use Down arrow (Read next item) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "grid end"
• Result: (pass)
  • Test Case: Use Up arrow (Read previous item) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "grid end"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "grid example, table, column 1, row 1, grid example, grid, date column header, type in text"
  • Result Notes: implied by grid role

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "table, grid example, has 3 rows, 2 columns, grid example, data grid, columns date, contains 3 rows, column header, column header, date, row 1 of 3, column 1 of 2 "
  • Result Notes: starting boundary was implied by the grid role
• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "table exit, button, tab stop after"
  • Result Notes: end boundary was conveyed
• Result: (pass)
  • Test Case: Use Up arrow (Jump to previous item (scan mode)) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "grid example, data grid, columns date, contains 3 rows"
  • Result Notes: end boundary was implied by backwards navigation and the grid role
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "table grid example, has 3 rows, two columns, date, readonly, column header, column header, date, row column 1 of 3, column 1 of 2 "
  • Result Notes: starting boundary was conveyed

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "table with 3 rows and 2 columns, row 1, date, column 1 date"
• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "out of table, button tab stop after"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "table with 3 rows and 2 columns name column 2 alex"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "grid example table, date, column header, row 1, date, column 1"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "table with 3 rows and 2 columns, row 1, date, column 1 date"
• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "out of table, button tab stop after"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "table with 3 rows and 2 columns name column 2 alex"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "grid example table, date, column header, row 1, date, column 1"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "table with 3 rows and 2 columns, row 1, column 1, editable, date"
• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "out of table, button, tab stop after"
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "grid example, table, editable, date column header, editable, row 1, column 1, date"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "Grid example, table, editable, Date column header, selected, editable, row 1, column 1, Date"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `[role="grid"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:[role="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grid example, table with 3 rows, 2 columns, date, column header, name, column header"
• Result: (fail)
  • Test Case: Use down arrow (Read next item) to navigate forwards to the end of `[role="grid"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:[role="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: not possible to navigate to the end of the grid, virtual focus kept returning to the first row
  • Result Notes: fail because not possible to complete task
• Result: (pass)
  • Test Case: Use up arrow (Read previous item) to navigate backwards to the end of `[role="grid"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:[role="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "name, column header, alex"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `[role="grid"]`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:[role="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "grid example, table with 3 rows, 2 columns, date, column header, name, column header, focus mode"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grid example, table" <swipe right to enter first cell> "date, column header, row 1, in grid, grid example, 3 rows, 2 columns"
• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "tab stop after, button, out of grid"
• Result: (pass)
  • Test Case: Use Swipe left (or alt+left arrow) (Read previous item) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "alex, row 3, name, in grid, grid example, 3 rows, 2 columns"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "Grid example, Date row header, column header, row 1, column 1, start of table, 3 rows and 2 columns"
• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "name, alex, column 2, table end"
• Result: (pass)
  • Test Case: Use Swipe Left (Previous item) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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: "Grid example, name, alex, row 3, column 2, table end"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "grid example, table, 2 columns, 3 rows"
• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: within target
       • Keyboard focus is: within target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: end of target
    6. Record results for the relevant expectations
  • Output: "end of table"
• Result: (pass)
  • Test Case: Use VO + Left Arrow (Read previous item) to navigate backwards to the end of `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be 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 table"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `[role="grid"]`
    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="grid"]
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are 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: "leaving aria gridcell, entering grid example, table. entering grid example table, date, grid example, table, 2 columns, 3 rows."

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