Table

The <table> element is used to represent tabular data in HTML [MDN]. In addition to <table>, the following elements can be used to build up a table.

• <caption> [MDN]
  • caption-side [MDN]
• <colgroup> [MDN]
• <thead> [MDN]
• <tbody> [MDN]
• <tr> [MDN]
• <th> [MDN]
• <td> [MDN]
• <tfoot> [MDN]

Further resources:

• w3.org/WAI/tutorials/tables
• w3.org/WAI/ARIA/apg/patterns/table
• inclusive-components.design/data-tables
• open-ui.org/components/table.research

Table rows can sometimes be selected either by clicking them or by using a checkbox. This can be achieved without a click handler but by using labels instead. [adrianroselli.com]

Spanning Cells

Spanned table headers may not be well supported in screen readers [adrianroselli.com].

Responsive Table

• smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1
• [zachleat/table-saw]