Tangguh: Akankah Ini Berfungsi dengan Teknologi Mereka?
Markup yang valid dan bernama baik, yang dapat diuraikan teknologi bantu.
Tangguh: Akankah Ini Berfungsi dengan Teknologi Mereka? adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Web Accessibility Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Web Accessibility Academy mencakup 4 pelajaran total.
Makna Tangguh
Tangguh adalah prinsip WCAG keempat: konten Anda harus bekerja dengan andal di berbagai peramban, perangkat, dan teknologi bantu.
Dibuat untuk Bertahan Lama
Peralatan berubah seiring waktu. Markah yang tangguh tetap berfungsi dengan pembaca layar masa kini dan pembaca layar yang akan digunakan orang pada masa mendatang.
Tulis HTML yang Valid
Peramban dan teknologi bantu mengurai markah Anda. HTML yang valid, dengan tag yang ditutup dan ID yang unik, memberi mereka struktur pohon yang bersih untuk dibaca. ✅
<ul>
<li>First item</li>
<li>Second item</li>
</ul>Nama, Peran, Nilai
Setiap kontrol memerlukan nama, peran, dan nilai yang dapat dibaca oleh teknologi. Kotak centang yang sebenarnya secara otomatis menyediakan ketiganya kepada pembaca layar.
Elemen Bawaan Lebih Unggul
Tombol yang sebenarnya sudah memiliki peran dan nilai yang tepat. Memilih elemen bawaan adalah cara termudah untuk membuat markah yang tangguh.
ARIA Mengisi Kekosongan
Ketika HTML tidak dapat menyatakan suatu peran, ARIA dapat menambahkannya. Gunakan seperlunya untuk memberi komponen khusus nama, peran, dan status.
ARIA yang Buruk Membahayakan
Peran yang salah dapat membuat kontrol mengumumkan sesuatu yang tidak masuk akal. Aturan pertama ARIA: tidak menggunakan ARIA lebih baik daripada menggunakan ARIA yang buruk.
ID Unik Itu Penting
Label dan ARIA menghubungkan elemen menggunakan id. id yang duplikat merusak hubungan tersebut, sehingga pembaca layar menunjuk ke hal yang salah.
<label for="email">Email</label>
<input id="email">Uji dengan Teknologi Nyata
Satu-satunya cara untuk mengetahui apakah sesuatu tangguh adalah dengan mencobanya. Lakukan pengujian menggunakan pembaca layar dan papan ketik yang sebenarnya, bukan hanya dengan melihatnya sendiri.
Jangan Mengandalkan Keunikan Peramban
Jika halaman Anda hanya berfungsi karena satu peramban bersikap longgar, halaman itu rapuh. Kode yang standar dan valid akan bertahan dalam pembaruan berikutnya.
Pertanyaan tentang Tangguh
Tanyakan pada setiap komponen: apakah teknologi bantu akan membaca nama, peran, dan nilainya dengan benar? Jika Anda tidak yakin, markah Anda belum tangguh.
Pemeriksaan Singkat
Mari kita menguji prinsip Tangguh.
Rangkuman: Tangguh
Anda telah mempelajari bahwa Tangguh berarti kode Anda berfungsi di berbagai teknologi: HTML yang valid, elemen bawaan, ARIA yang digunakan dengan cermat, ID unik, dan pengujian nyata. POUR selesai! 🚀
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Tangguh: Akankah Ini Berfungsi dengan Teknologi Mereka?” gratis?
Ya — teks lengkap “Tangguh: Akankah Ini Berfungsi dengan Teknologi Mereka?” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Web Accessibility Academy, upgrade ke CoddyKit PRO. Kursus Web Accessibility Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Tangguh: Akankah Ini Berfungsi dengan Teknologi Mereka?”?
Markup yang valid dan bernama baik, yang dapat diuraikan teknologi bantu. Kamu berlatih Web Accessibility Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Web Accessibility Academy?
Tidak diperlukan pengalaman sebelumnya. Web Accessibility Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.
Berapa lama pelajaran “Tangguh: Akankah Ini Berfungsi dengan Teknologi Mereka?” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Web Accessibility Academy ini?
Ya. Setiap pelajaran Web Accessibility Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Dapat Dipersepsi: Bisakah Semua Orang Merasakan Konten?
- Dapat Dioperasikan: Bisakah Semua Orang Menggunakan Kontrol?
- Dapat Dipahami: Apakah Mudah Dibaca dan Dapat Diprediksi?
- Tangguh: Akankah Ini Berfungsi dengan Teknologi Mereka?