Accessibility

For developers

Semantic markup

Use semantic <table>, <thead>, <tbody>, <th>, and <td> elements — they give screen readers row / column context automatically.

Table identification

• Add <caption> (or aria-label on <table>) to describe the table’s purpose.
• Use scope="col" on column headers and scope="row" on row headers to make the relationships explicit.