th, scope, dan Elemen caption

Tabel data yang sebenarnya menunjukkan hubungan antara baris dan kolom. Jika ditandai dengan baik, pembaca layar dapat mengumumkan header mana yang terkait dengan setiap nilai.

Jika setiap sel hanya berupa td, pembaca layar membacakan angka tanpa konteks. Pengguna mendengar nilainya, tetapi tidak pernah mengetahui maknanya.

Ubah sel header dari td menjadi th. Kini peramban mengetahui bahwa sel tersebut memberi label pada data, bukan menyimpan data, dan menampilkannya sebagai header.

Elemen th diumumkan sebagai header dan dapat dihubungkan dengan sel yang dideskripsikannya. Hubungan itulah yang memberikan makna pada angka yang sebelumnya berdiri sendiri.

Tambahkan scope ke setiap th untuk menyatakan sel mana yang dicakupnya. Nilainya adalah col untuk header kolom atau row untuk header baris.

Gunakan scope=col pada header di bagian atas kolom. Setiap sel di bawahnya mewarisi label tersebut saat pengguna bergerak ke bawah.

Gunakan scope=row pada sel pertama suatu baris jika sel tersebut memberi nama pada baris itu, seperti nama orang atau tanggal di sisi kiri.

Elemen caption memberikan judul untuk seluruh tabel. Pengguna pembaca layar mendengarnya terlebih dahulu, sehingga mereka mengetahui hal yang akan dijelajahi.

Tempatkan caption sebagai anak pertama di dalam tabel, tepat setelah tag pembuka. Posisi lain tidak valid dan mungkin diabaikan.

h2 di dekat tabel saja tidak cukup. Caption terhubung secara terprogram dengan tabel, sehingga pengguna dapat menemukan judulnya bahkan saat berpindah dari satu tabel ke tabel lain.

Caption, baris header yang berisi th dengan scope, lalu baris data. Fondasi ini membuat sebagian besar tabel sederhana sepenuhnya mudah diakses tanpa ARIA sama sekali.

Anda telah mempelajari tiga unsur tabel yang mudah diakses: th untuk header, scope untuk mengarahkannya, dan caption untuk memberi nama tabel. Sebagian besar pekerjaan sudah selesai.