Web Accessibility Academy · Pelajaran

Pengiraan Nama Boleh Capai, Diperjelas

Ketahui cara pelayar menentukan nama sesuatu elemen.

Pelajaran 1 daripada 413 langkah

Pengiraan Nama Boleh Capai, Diperjelas ialah pelajaran Web Accessibility Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Web Accessibility Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Web Accessibility Academy merangkumi sejumlah 4 pelajaran.

Apakah Nama yang Boleh Dicapai

Nama yang boleh dicapai ialah label ringkas yang disebut oleh pembaca skrin untuk sesuatu unsur, seperti Hantar bagi butang atau Cari bagi medan.

Mengapa Ia Penting

Jika sesuatu unsur tiada nama yang boleh dicapai, pembaca skrin hanya mengumumkan peranannya, seperti butang, sehingga pengguna tidak tahu fungsinya.

Pelayar Mengiranya

Anda jarang menetapkan nama secara terus. Pelayar menjalankan algoritma pengiraan nama pada penandaan anda untuk menentukan nama setiap unsur.

Ia Mengikut Susunan

Algoritma itu memeriksa sumber mengikut susunan keutamaan yang tetap dan menggunakan sumber pertama yang ditemuinya. Dengan mengetahui susunan itu, anda boleh meramalkan hasilnya.

aria-labelledby Diutamakan

Keutamaan tertinggi ialah aria-labelledby. Jika ada, atribut ini mengatasi semua sumber lain dan mengumpulkan teks daripada unsur yang dirujuknya.

<button aria-labelledby="t">x</button>
<span id="t">Close menu</span>

aria-label Menyusul

Jika tiada labelledby, pelayar menggunakan aria-label, iaitu rentetan yang anda taip terus pada unsur sebagai nama sebutannya.

<button aria-label="Close">x</button>

Kemudian Pelabelan Asli

Selepas itu ialah sumber asli, seperti label yang dipautkan kepada input atau teks alt bagi imej. Gunakannya apabila boleh.

<label for="email">Email</label>
<input id="email">

Kemudian Kandungan Itu Sendiri

Bagi banyak unsur, nama diambil daripada kandungan teks. Butang yang memaparkan Simpan dinamakan Simpan tanpa atribut tambahan.

<button>Save</button>

title ialah Pilihan Terakhir

Sumber dengan keutamaan paling rendah ialah atribut title. Atribut ini hanya menamakan unsur apabila tiada pilihan yang lebih baik dan mudah terlepas pandang.

Nama Dipadatkan

Nama yang dikira diratakan menjadi satu rentetan dengan ruang kosong tambahan dimampatkan, jadi pemisah baris dan lekukan tidak sampai kepada pengguna.

Nama berbanding Penerangan

Nama ialah panggilan bagi sesuatu unsur; penerangan ialah maklumat tambahan yang dibaca selepasnya. Hari ini kita menumpukan pada mendapatkan nama yang betul.

Semakan Pantas

Sesuatu unsur mempunyai aria-label dan teks dalaman. Yang manakah menjadi namanya?

Ringkasan: Cara Nama Dibina

Anda telah mempelajari susunan pengiraan nama: labelledby, kemudian aria-label, diikuti label dan kandungan asli, dengan title sebagai pilihan terakhir. 🧩

Percuma untuk bermula

Pelajari HTML dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
30
Pelajaran
120

Soalan Lazim

Adakah pelajaran “Pengiraan Nama Boleh Capai, Diperjelas” percuma?

Ya — teks penuh “Pengiraan Nama Boleh Capai, Diperjelas” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Web Accessibility Academy, tingkat taraf kepada CoddyKit PRO. Kursus Web Accessibility Academy merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Pengiraan Nama Boleh Capai, Diperjelas”?

Ketahui cara pelayar menentukan nama sesuatu elemen. Anda berlatih Web Accessibility Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Web Accessibility Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Web Accessibility Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “Pengiraan Nama Boleh Capai, Diperjelas” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Web Accessibility Academy ini?

Ya. Setiap pelajaran Web Accessibility Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Pengiraan Nama Boleh Capai, Diperjelas
  2. aria-label berbanding aria-labelledby
  3. aria-describedby untuk Konteks Tambahan
  4. Kesilapan Penamaan Lazim yang Membisukan Kawalan
← Kembali ke Web Accessibility Academy