Jadual HTML mempersembahkan data tabular (baris dan lajur data berkaitan) — bukan susun atur. Jadual yang boleh diakses menggunakan struktur yang betul supaya pembaca skrin dapat mengumumkan tajuk dengan setiap sel.
Q2 Sales by Region
Region
Revenue
North
$12,000
South
$9,500
Total$21,500
<th> dengan scope — menandai sel tajuk. scope="col" untuk tajuk lajur, scope="row" untuk tajuk baris. Pembaca skrin kemudian mengumumkan "North, Revenue: $12,000" daripada membaca sel tanpa konteks.<caption> — tajuk untuk seluruh jadual, anak pertama <table>; dibaca untuk menggabung pengguna.<thead>/<tbody>/<tfoot> — mengumpulkan tajuk, badan, dan baris ringkasan; membantu navigasi dan membenarkan tajuk berulang semasa mencetak.<!-- ❌ this was 1990s practice — use CSS grid/flexbox instead -->
<table><tr><td>sidebar</td><td>content</td></tr></table>
Jadual susun atur mengelirukan pembaca skrin (mereka mengumumkan semantik jadual data) dan tidak fleksibel. Gunakan CSS Grid/Flexbox untuk susun atur halaman.
Semantik jadual yang betul (<th scope>, <caption>, pembahagian) adalah apa yang menjadikan jadual data boleh digunakan untuk pengguna pembaca skrin — mereka mengikat setiap nilai kepada tajuk baris dan lajurnya.
Rezervkan <table> sematamata untuk data tabular yang tulin.