Status board
| Service | Status | Region | Latency | Last updated |
|---|---|---|---|---|
| auth-gateway | Live | us-east-1 | 48 ms | 2 min ago |
| risk-events | Live | eu-west-1 | 62 ms | 5 min ago |
| worker-queue | Degraded | us-east-1 | 410 ms | 1 min ago |
| billing | Incident | us-east-1 | — | just now |
| analytics | Maintenance | sa-east-1 | n/a | 1 h ago |
<Table>
<TableCaption>Production status</TableCaption>
<TableHeader>...</TableHeader>
<TableBody>...</TableBody>
</Table>Accessibility
How Table works with assistive tech
- Role
- table (native)
- Keyboard
- Tab between interactive cells only
- ARIA attributes
- <caption> for SR context; scope="col"/"row" on <th>; aria-sort on sortable columns
- Focus behavior
- visible-3px on interactive cells (links, buttons)
Use native <table>/<thead>/<tbody>/<th>/<td>. Hairline rows via border — convey hierarchy via scope attributes, not visual only.