Tautan Menuju Tempat, Tombol Melakukan Sesuatu
Satu aturan yang menyelesaikan hampir setiap kasus.
Tautan Menuju Tempat, Tombol Melakukan Sesuatu adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 1 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.
Satu Aturan
Inilah aturan yang menyelesaikan hampir semua kasus: tautan membawa Anda ke suatu tempat, sedangkan tombol membuat sesuatu terjadi di sini. 🧭
Apa Itu Tautan
Tautan melakukan navigasi. Mengekliknya mengubah halaman atau URL, seperti berpindah ke artikel lain atau bagian baru.
<a href="/pricing">See pricing</a>Apa Itu Tombol
Tombol menjalankan tindakan di tempat: tombol dapat mengirim formulir, membuka menu, atau mengubah pengaturan tanpa meninggalkan halaman.
<button type="button">Add to cart</button>Mengapa Ini Penting
Pembaca layar mengumumkan peran dengan lantang. Pengguna mendengar tautan atau tombol, sehingga elemen yang tepat membentuk ekspektasi yang tepat sebelum mereka bertindak.
Tombol Berbeda, Fungsi Berbeda
Ini bukan sekadar kosmetik. Tombol aktif dengan Spasi atau Enter, sedangkan tautan hanya aktif dengan Enter. Tombol yang ditekan mengikuti perannya.
Uji Cepat
Ajukan satu pertanyaan: apakah kontrol ini mengubah tempat saya berada, atau mengubah hal yang tampil di layar? Navigasi berarti tautan; tindakan berarti tombol.
Buka di Tab Baru
Jika sebuah kontrol masuk akal untuk dibuka di tab baru atau ditandai, berarti kontrol itu adalah navigasi. Gunakan tautan sungguhan dengan href.
Tampilan Bukan Peran
Pemberian gaya tidak mengubah makna. Tombol dapat terlihat seperti tautan dan tautan dapat terlihat seperti tombol, tetapi elemennyalah yang menentukan perannya.
Kesalahan yang Umum
Orang sering memilih div atau span yang diberi gaya lalu menambahkan penangan klik. Tampilannya baik, tetapi tidak memiliki peran maupun dukungan papan ketik.
<div class="btn" onclick="save()">Save</div>Mengirim Formulir
Untuk mengirim formulir, gunakan tombol dengan jenis submit. Ini adalah tindakan, bukan navigasi, jadi tautan akan keliru digunakan di sini.
<button type="submit">Sign up</button>Menuju Halaman Lain
Untuk mengarahkan pengguna ke halaman kontak Anda, gunakan tautan. Itu murni navigasi, dan tombol akan menyesatkan semua orang.
<a href="/contact">Contact us</a>Pemeriksaan Singkat
Anda menambahkan kontrol yang membuka menu tanpa meninggalkan halaman. Elemen mana yang tepat?
Rangkuman
Tautan membawa pengguna ke suatu tempat, tombol menjalankan sesuatu. Sesuaikan elemen dengan maksudnya dan Anda mendapatkan peran yang tepat, tombol yang tepat, serta pengguna yang puas. 🎉
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Tautan Menuju Tempat, Tombol Melakukan Sesuatu” gratis?
Ya — teks lengkap “Tautan Menuju Tempat, Tombol Melakukan Sesuatu” 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 “Tautan Menuju Tempat, Tombol Melakukan Sesuatu”?
Satu aturan yang menyelesaikan hampir setiap kasus. 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 1 dari 4.
Berapa lama pelajaran “Tautan Menuju Tempat, Tombol Melakukan Sesuatu” 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
- Tautan Menuju Tempat, Tombol Melakukan Sesuatu
- Teks Tautan yang Bermakna di Luar Konteks
- Tombol yang Menjelaskan Fungsinya
- Pola Anti-anchor tanpa href