Required Level of Compliance:
In order to meet WCAG 2.0 guidelines, these are some considerations that may apply to this component:
1.3.1 Tables are used for tabular data. Where necessary, data cells are associated with their headers. Data table captions and summaries are used where appropriate.
|H73 Use the caption to give an overview of the data table. The caption may be positioned off-screen using CSS to hide it visually. Alternatively, the summary attribute may be used to give a brief description of the table data. However, the summary is not included in the HTML5 spec and isn't well supported.|
|H63 Use the scope attribute to associate header cells and data cells.|
|H43 Use IDs and header attributes to associate data cells with header cells. (not recommended)|
|H73 The summary attribute provides an overview of the table structure.|
Table summary, table caption
summary attribute for tables gives an overview of the table structure, but isn't well supported and is not included in the HTML5 specification. WebAIM advises against using them.
captions are another story. While not required, captions can be very helpful. Please see the "when to use" section above when determining when to use captions.
Two-dimensional, three-dimensional, and responsive tables
Two-dimensional (2D) tables - those with a single column:row relationship - are preferred. Minimize or avoid three-dimensional (3D) tables as they get complex and do not read properly in Apple iOS. Avoid responsive tables.
Behavior without scripting
Column sorting, filtering, and pagination
The enhanced features that come with the plugin, like column sorting, data filtering, and pagination, are all accessible out of the box. Activating a column header to sort should be indicated aurally, including which direction the data is being sorted.
The plugin should automatically make the table a live region so filtering will aurally announce the updated content results within it, but you'll want to double check to ensure it works.
Finally, pagination controls should be after the first page of content and should announce the total number of results in the collection along with which page the user is on and how many results are on that particular page. Activating a pagination control should update the already live-region table, announcing the updates appropriately.
W3 HTML Validator