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.

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

Screen reader support

Unless otherwise stated, tests were carried out on the latest OS, browser, and screen reader version. Last updated on 3rd February 2018.

Screen reader support for ARIA tables
tablecolumnheaderrowheaderrow/columnNotes
Jaws/ChromeYesYesYesYes
Jaws 2018/EdgeNoNoNoNoIssue #49
Jaws/FirefoxYesYesYesYes
Jaws/IEYesYesYesYes
Narrator/EdgeYesYesYesYesNarrator needs to be in scan mode.
Narrator/IENoNoNoNo
NVDA/EdgeNoNoNoNo
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.
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