Accessible HTML Tables
Mark up tabular data so headers and cells remain understandable.
What this solves
Display reconciliation results with column headers. This pattern is useful when the business question is clear but a generic tutorial is too abstract.
The rule
Use table, thead, tbody and th with scope when appropriate.
<table><thead><tr><th scope="col">SKU</th><th scope="col">Qty</th></tr></thead>...</table>Real-work checklist
- Define the business key and expected grain before writing the formula, query or markup.
- Test the pattern on a small known sample where you can verify the answer manually.
- Check missing values, duplicates and data types before trusting a large result.
- Scale to the real file or database only after the logic is proven.
Common mistake
Do not use tables for page layout.