Perhitungan Nama yang Dapat Diakses, Dijelaskan

Nama aksesibel adalah label singkat yang dibacakan pembaca layar untuk suatu elemen, seperti Kirim untuk tombol atau Cari untuk kolom.

Jika suatu elemen tidak memiliki nama aksesibel, pembaca layar hanya mengumumkan perannya, seperti tombol, sehingga pengguna tidak tahu apa fungsinya.

Anda jarang menetapkan nama secara langsung. Peramban menjalankan algoritme penghitungan nama pada markup untuk menentukan sebutan setiap elemen.

Algoritme memeriksa sumber dalam urutan prioritas yang tetap dan menggunakan sumber pertama yang ditemukan. Dengan mengetahui urutan tersebut, Anda dapat memprediksi hasilnya.

Prioritas tertinggi adalah aria-labelledby. Jika ada, atribut ini mengesampingkan semua sumber lain dengan mengumpulkan teks dari elemen yang ditunjuknya.

Jika tidak ada labelledby, browser menggunakan aria-label, yaitu string yang Anda ketik langsung pada elemen sebagai nama yang dibacakan.

Berikutnya adalah sumber bawaan, seperti label yang terhubung ke input atau teks alt pada gambar. Gunakan sumber ini jika memungkinkan.

Pada banyak elemen, nama diambil dari konten teksnya. Tombol bertuliskan Save akan diberi nama Save tanpa atribut tambahan.

Sumber dengan prioritas terendah adalah atribut title. Atribut ini hanya memberi nama pada elemen ketika tidak ada sumber yang lebih baik, dan mudah terlewatkan.

Nama yang dihitung akan diratakan menjadi satu string dengan spasi berlebih diringkas, sehingga jeda baris dan indentasi tidak pernah sampai ke pengguna.

Nama adalah sebutan untuk suatu elemen; deskripsi adalah detail tambahan yang dibacakan setelahnya. Hari ini kita berfokus untuk mendapatkan nama yang benar.

Anda telah mempelajari urutan penghitungan nama: labelledby, lalu aria-label, kemudian label dan konten bawaan, dengan title sebagai pilihan terakhir. 🧩