Tabel Rumit: Memasangkan headers dan id

Beberapa tabel membentang di beberapa sel atau menyusun beberapa tingkat header. Scope sederhana tidak dapat menjelaskan sel yang dikendalikan oleh dua atau tiga header sekaligus.

Header yang menggunakan colspan untuk mencakup beberapa kolom membingungkan model sederhana. Peramban tidak lagi dapat menebak sel mana yang dimilikinya.

Untuk tabel rumit, berikan setiap th sebuah id dan tunjuk setiap td ke header-nya berdasarkan id. Dengan begitu, sel terhubung ke header secara eksplisit tanpa tebakan.

Sebuah sel data dapat mencantumkan beberapa header dalam atribut headers-nya, dengan pemisah spasi. Pembaca layar akan mengumumkan semuanya sesuai urutan yang Anda cantumkan.

Berikan id kepada header baris dan header kolom, lalu referensikan keduanya dari sel tersebut. Kini nilai tersebut dijelaskan sepenuhnya pada kedua sumbu.

Untuk header yang dikelompokkan, scope dapat berupa colgroup atau rowgroup. Gunakan ini saat satu header membentang pada sekumpulan kolom atau baris di atas header perincian.

Header tahun di atas header bulan perlu dijelaskan pada kedua tingkat. Dengan id dan headers, setiap sel dapat merujuk tahun dan bulan secara bersamaan.

Setiap id pada halaman harus unik. id header yang duplikat dapat merusak pasangan secara diam-diam, jadi pemeriksaan validator singkat akan mencegah masalah besar nantinya.

Cantumkan id sesuai urutan yang Anda inginkan untuk dibaca, biasanya header paling umum terlebih dahulu. Pembaca layar mengikuti urutan Anda persis saat mengumumkannya.

Sebelum menggunakan id dan headers, tanyakan apakah Anda dapat memecah satu tabel raksasa menjadi beberapa tabel sederhana. Struktur yang lebih sederhana hampir selalu lebih mudah diakses.

Teknik id dan headers sangat ampuh, tetapi mudah salah ketik. Selalu pastikan beberapa sel dibaca dengan benar menggunakan pembaca layar sungguhan, bukan hanya dengan melihatnya.

Sebuah sel data dikendalikan oleh header baris dan header kolom yang membentang.

Saat pembentangan atau tingkat bertumpuk membuat scope tidak memadai, berikan id kepada header dan referensikan header tersebut dari setiap sel menggunakan headers. Pastikan id unik dan verifikasi dengan mendengarkannya.