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
tablecolumnheaderrowheaderrow/columnNotes
Jaws/ChromeYesYesYesYes
Jaws/FirefoxYesYesYesYes
Jaws/IEYesYesYesYes
Narrator/EdgeYesYesYesYesNarrator needs to be in scan mode.
Narrator/IENoNoNoNo
NVDA/EdgeYesYesYesYes
NVDA/ChromePartNoNoNoTable is recognised but reported as "0 rows, 0 columns".
NVDA/FirefoxYesYesYesYes
NVDA/IENoNoNoNo
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