ARIA tables test case

The ARIA table, columnheader, rowheader, row, and cell roles, can be used to polyfill native HTML table semantics.

A screen reader should recognise the structure as a table and indicate how many rows and columns it contains. It should be possible to navigate through the table using the standard commands for each screen reader, and for the appropriate row or column headers to be announced as focus moves between table cells.

Thanks to Doug Scheppers for the original SVG.

> Expenses Sales Expenses Net Q1 $ 223 $ 195 $ 28 Q2 $ 183 $ 70 $ 113 Q3 $ 277 $ 88 $ 189 Q4 $ 402 $ 133 $ 269

Screen reader support

Thanks to Adrian Roselli for help testing on Android.

Screen reader support for ARIA tables
Narrator/EdgeYesYesYesYesNarrator needs to be in scan mode.
NVDA/ChromeYesNoNoNoTable is recognised but reported as "0 rows, 0 columns".
NVDA/FirefoxYesNoYesYesTable, row headers and column headers are recognised, but rows/columns are not.
Talkback/ChromePartYesN/APartTable is recognised, but reported as "4 columns, 0 rows".
Talkback doesn't support row navigation.
TalkBack/FirefoxYesYesN/APartTalkback doesn't support row navigation
Voiceover/Safari (iOS)YesYesYesYes
VoiceOver/Safari (MacOS)YesYesYesYes