w3c / aria-at

Assistive Technology ARIA Experience Assessment
https://aria-at.netlify.app
Other
156 stars 28 forks source link

Create tests for APG design pattern example: Minimal Data Grid #352

Closed IsaDC closed 3 years ago

IsaDC commented 4 years ago

Applies To

Testing Notes

This issue thread will house all documentation relating to the development of a test plan for the "Minimal Data Grid" APG example, which conforms to the "Grid" design pattern. All follow-ups (including the test plan itself) will be added as new comments to facilitate notifications, but this initial comment will be updated with relevant details and URLs as needed for convenience.

Additional References

IsaDC commented 3 years ago

Below is the test plan for the Minimal Data Grid example. Note that commands for jumping to the beginning and end of the grid haven't been tested because they perform different functions across screen readers. Specifically:

Given the above, it would be impossible to create a set of consistent assertions. We can revisit this test plan in the future if it is desirable to have assertions which are applicable to specific ATs.

Note also that some tests in this plan require sequenced commands (e.g. T followed by Down Arrow) which aren't currently formally supported by the ARIA-AT test infrastructure.

Each test title is marked up as a level 4 heading to facilitate screen reader navigation.

Navigate forwards to a grid in reading mode (JAWS)

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Coordinates of the column header (column 1, row 1) are conveyed) required Calculated by browser

Navigate forwards to a grid in reading mode (NVDA)

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Coordinates of the column header (column 1, row 1) are conveyed) required Calculated by browser

Navigate backwards to a grid in reading mode (JAWS)

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Coordinates of the column header (column 1, row 1) are conveyed) required Calculated by browser

Navigate backwards to a grid in reading mode (NVDA

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Coordinates of the column header (column 1, row 1) are conveyed) required Calculated by browser

Navigate forwards to a grid

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Coordinates of the column header (column 1, row 1) are conveyed) required Calculated by browser

Navigate into the end of a grid in reading mode

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Grid boundary is conveyed required </table>
Name 'Transactions January 1 through January 6' is conveyed optional aria-labelledby
Number of columns (5) is conveyed optional Calculated by browser
Number of rows (7) is conveyed optional Calculated by browser
Text of the last column header ('Balance') is conveyed required <th>
Text of the last cell ('$995,532.00') is conveyed required <td>
Coordinates of the last cell (column 5, row 7) are conveyed) required Calculated by browser

Navigate into the end of a grid

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Grid boundary is conveyed required </table>
Name 'Transactions January 1 through January 6' is conveyed optional aria-labelledby
Number of columns (5) is conveyed optional Calculated by browser
Number of rows (7) is conveyed optional Calculated by browser
Text of the last column header ('Balance') is conveyed required <th>
Text of the last cell ('$995,532.00') is conveyed required <td>
Coordinates of the last cell (column 5, row 7) are conveyed) required Calculated by browser

Move focus forwards into a grid in reading mode

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Text of the first cell ('01-Jan-16') is conveyed required <td>
coordinates of the first cell (column 1, row 2) are conveyed) required Calculated by browser

Move focus backwards into a grid in reading mode

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Text of the first cell ('01-Jan-16') is conveyed required <td>
coordinates of the first cell (column 1, row 2) are conveyed) required Calculated by browser

Move focus forwards into a grid in interaction mode

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Text of the first cell ('01-Jan-16') is conveyed required <td>
coordinates of the first cell (column 1, row 2) are conveyed) required Calculated by browser

Move focus backwards into a grid in interaction mode

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Text of the first cell ('01-Jan-16') is conveyed required <td>
coordinates of the first cell (column 1, row 2) are conveyed) required Calculated by browser

Move focus forwards into a grid

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Text of the first cell ('01-Jan-16') is conveyed required <td>
coordinates of the first cell (column 1, row 2) are conveyed) required Calculated by browser

Move focus backwards into a grid

Assertions
Assertion Priority Reference
Role 'grid' is conveyed required role="grid"
Name 'Transactions January 1 through January 6' is conveyed required aria-labelledby
Number of columns (5) is conveyed required Calculated by browser
Number of rows (7) is conveyed required Calculated by browser
Text of the first column header ('Date') is conveyed required <th>
Text of the first cell ('01-Jan-16') is conveyed required <td>
coordinates of the first cell (column 1, row 2) are conveyed) required Calculated by browser

Read information about a grid cell in reading mode

Assertions
Assertion Priority Reference
Text of the first column header ('Date') is conveyed required <th>
Text of the first cell ('01-Jan-16') is conveyed required <td>
coordinates of the first cell (column 1, row 2) are conveyed) required Calculated by browser

Read information about a grid cell in interaction mode

Assertions
Assertion Priority Reference
Text of the first column header ('Date') is conveyed required <th>
Text of the first cell ('01-Jan-16') is conveyed required <td>
coordinates of the first cell (column 1, row 2) are conveyed) required Calculated by browser

Read information about a grid cell

Assertions
Assertion Priority Reference
Text of the first column header ('Date') is conveyed required <th>
Text of the first cell ('01-Jan-16') is conveyed required <td>
coordinates of the first cell (column 1, row 2) are conveyed) required Calculated by browser

Read information about a grid cell containing a link in reading mode

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Read information about a grid cell containing a link in interaction mode

Assertions
Assertion Priority Reference
Text of the first column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Read information about a grid cell

Assertions
Assertion Priority Reference
Text of the first column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the next colum in a grid in reading mode

Assertions
Assertion Priority Reference
Text of the column header ('Type') is conveyed required <th>
Text of the cell ('Deposit') is conveyed required <td>
coordinates of the cell (column 2, row 2) are conveyed) required Calculated by browser

Navigate to the next colum in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Type') is conveyed required <th>
Text of the cell ('Deposit') is conveyed required <td>
coordinates of the cell (column 2, row 2) are conveyed) required Calculated by browser

Navigate to the next colum in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Type') is conveyed required <th>
Text of the cell ('Deposit') is conveyed required <td>
coordinates of the cell (column 2, row 2) are conveyed) required Calculated by browser

Navigate to the previous colum in a grid in reading mode

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to the previous colum in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to the previous colum in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to the next colum containing a link in a grid in reading mode (JAWS)

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the next colum containing a link in a grid in reading mode (NVDA

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the next colum containing a link in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the next colum containing a link in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the previous colum containing a link in a grid in reading mode (JAWS)

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the previous colum containing a link in a grid in reading mode (NVDA)

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the previous colum containing a link in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the previous colum containing a link in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the next column from a cel containing a link in a grid in reading mode

Assertions
Assertion Priority Reference
Text of the column header ('Amount') is conveyed required <th>
Text of the cell ('$1,000,000.00') is conveyed required <td>
coordinates of the cell (column 4, row 2) are conveyed) required Calculated by browser

Navigate to the next column from a cel containing a link in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Amount') is conveyed required <th>
Text of the cell ('$1,000,000.00') is conveyed required <td>
coordinates of the cell (column 4, row 2) are conveyed) required Calculated by browser

Navigate to the next column from a cel containing a link in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Amount') is conveyed required <th>
Text of the cell ('$1,000,000.00') is conveyed required <td>
coordinates of the cell (column 4, row 2) are conveyed) required Calculated by browser

Navigate to the previous column from a cel containing a link in a grid in reading mode

Assertions
Assertion Priority Reference
Text of the column header ('Type') is conveyed required <th>
Text of the cell ('Deposit') is conveyed required <td>
coordinates of the cell (column 2, row 2) are conveyed) required Calculated by browser

Navigate to the previous column from a cel containing a link in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Type') is conveyed required <th>
Text of the cell ('Deposit') is conveyed required <td>
coordinates of the cell (column 2, row 2) are conveyed) required Calculated by browser

Navigate to the previous column from a cel containing a link in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Type') is conveyed required <th>
Text of the cell ('Deposit') is conveyed required <td>
coordinates of the cell (column 2, row 2) are conveyed) required Calculated by browser

Navigate to the next row in a grid in reading mode

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('02-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 3) are conveyed) required Calculated by browser

Navigate to the next row in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('02-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 3) are conveyed) required Calculated by browser

Navigate to the next row in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('02-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 3) are conveyed) required Calculated by browser

Navigate to the previous row in a grid in reading mode

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to the previous row in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to the previous row in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to a cell containing a link on the next row in a grid in reading mode

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Down Town Grocery' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 3) are conveyed) required Calculated by browser

Navigate to a cell containing a link on the next row in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Down Town Grocery' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 3) are conveyed) required Calculated by browser

Navigate to a cell containing a link on the next row in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Down Town Grocery' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 3) are conveyed) required Calculated by browser

Navigate to a cell containing a link on the previous row in a grid in reading mode

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to a cell containing a link on the previous row in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to a cell containing a link on the previous row in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Description') is conveyed required <th>
Role 'link' is conveyed required <a>
Name 'Cash Deposit' is conveyed required Visible text content contained within the <a> element
coordinates of the cell (column 3, row 2) are conveyed) required Calculated by browser

Navigate to the first cell of a row in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to the first cell of a row in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to the last cell of a row in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Balance') is conveyed required <th>
Text of the cell ('$1,000,000.00') is conveyed required <td>
coordinates of the cell (column 5, row 2) are conveyed) required Calculated by browser

Navigate to the last cell of a row in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Balance') is conveyed required <th>
Text of the cell ('$1,000,000.00') is conveyed required <td>
coordinates of the cell (column 5, row 2) are conveyed) required Calculated by browser

Navigate to the first cell in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to the first cell in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Date') is conveyed required <th>
Text of the cell ('01-Jan-16') is conveyed required <td>
coordinates of the cell (column 1, row 2) are conveyed) required Calculated by browser

Navigate to the last cell in a grid in interaction mode

Assertions
Assertion Priority Reference
Text of the column header ('Balance') is conveyed required <th>
Text of the cell ('$995,532.00') is conveyed required <td>
coordinates of the cell (column 5, row 7) are conveyed) required Calculated by browser

Navigate to the last cell in a grid

Assertions
Assertion Priority Reference
Text of the column header ('Balance') is conveyed required <th>
Text of the cell ('$995,532.00') is conveyed required <td>
coordinates of the cell (column 5, row 7) are conveyed) required Calculated by browser