Displaying structured data.
WHAT TO USE
A proper table, with marked header cells.
WHY
Assistive technology announces the relevant header when reading each cell.
WHAT TO ADD FOR LARGE DATA SETS
Sorting Filtering Pagination or virtualisation
WHAT TO INDICATE FOR SORTING
Which column is sorted, and in which direction, in both the visual and the markup.
WHAT TO CONSIDER FOR VERY LARGE SETS
Rendering only visible rows.
WHY
Rendering thousands of rows is slow regardless of framework.
WHAT TO DO ON NARROW SCREENS
Allow horizontal scrolling within the table's own container Or present each row as a stacked block
WHY WITHIN A CONTAINER
So the page itself does not scroll sideways.
WHAT TO KEEP VISIBLE
Headers, when scrolling vertically, where the table is long.
WHAT TO BE CAREFUL WITH
Data grid libraries, which are frequently large and frequently inaccessible.
WHAT TO EVALUATE
Keyboard operability and announcement, before adopting one.
WHAT TO PROVIDE
An export, for anyone wanting to work with the data elsewhere.
