Tab, Shift+Tab, Enter, Spasi: Tombol Inti
Cara pengguna papan ketik berpindah dan mengaktifkan kontrol.
Tab, Shift+Tab, Enter, Spasi: Tombol Inti 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.
Tanpa Tetikus, Tidak Masalah
Banyak orang tidak pernah menggunakan tetikus. Mereka mengendalikan seluruh web dengan papan ketik, jadi setiap kontrol yang Anda buat harus dapat digunakan hanya dengan tombol. ⌨️
Tab Bergerak Maju
Tombol terpenting adalah Tab. Setiap penekanan memindahkan fokus ke elemen interaktif berikutnya: tautan, tombol, atau bidang formulir.
Shift+Tab Bergerak Mundur
Menekan sesuatu terlalu cepat? Shift+Tab memindahkan fokus mundur ke kontrol sebelumnya, sehingga pengguna selalu dapat kembali ke tempat asalnya.
Enter Mengikuti Tautan
Saat fokus berada pada tautan, Enter mengaktifkannya. Ini adalah cara kerja papan ketik untuk mengeklik jangkar tersebut dan berpindah ke tempat baru.
Tombol Menggunakan Enter dan Spasi
Tombol asli bersifat khusus: tombol ini aktif saat Enter maupun Spasi ditekan. Dukungan ganda tersebut tersedia secara otomatis dari elemen bawaan.
<button type="button">Save changes</button>Spasi Mengubah Kotak Centang
Pada kotak centang atau tombol radio, Spasi adalah tombol untuk mengubah keadaan. Pindahkan fokus ke sana, tekan Spasi, dan status centang akan berubah aktif atau nonaktif.
<input type="checkbox" id="news"> <label for="news">Email me</label>Elemen Bawaan Langsung Berfungsi
Inilah keuntungannya: tautan, tombol, dan kolom input bawaan merespons tombol-tombol ini secara otomatis. Anda tidak perlu mengaturnya sendiri.
div Tidak Dapat Menerima Fokus
Buat tombol palsu dari sebuah div, dan Tab akan melewatinya begitu saja. div dan span biasa tidak terlihat bagi pengguna papan ketik.
<div class="btn" onclick="save()">Save</div>Cobalah Sendiri Sekarang
Buka halaman apa pun dan tekan Tab beberapa kali. Perhatikan sorotan berpindah dari satu kontrol ke kontrol lainnya. Itulah jalur yang dilalui pengguna papan ketik.
Tombol Panah Bergerak di Dalam Kelompok
Di dalam sekumpulan tombol radio, tombol panah berpindah di antara pilihan, sedangkan Tab melompati seluruh kelompok sekaligus. Tombol berbeda memiliki fungsi berbeda.
Tombol Harus Sesuai Harapan
Pengguna membawa kebiasaan ini ke mana-mana, jadi hormatilah. Kontrol yang mengabaikan Enter atau Spasi akan terasa rusak bagi pengguna papan ketik.
Pemeriksaan Singkat
Pikirkan cara kerja setiap tombol pada kontrol bawaan.
Ringkasan: Tombol Utama
Anda telah mempelajari dasar-dasar papan ketik: Tab dan Shift+Tab untuk berpindah, Enter untuk mengikuti tautan, serta Enter atau Spasi untuk mengaktifkan tombol. Elemen bawaan menyediakan semuanya secara gratis. ✅
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Tab, Shift+Tab, Enter, Spasi: Tombol Inti” gratis?
Ya — teks lengkap “Tab, Shift+Tab, Enter, Spasi: Tombol Inti” 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 “Tab, Shift+Tab, Enter, Spasi: Tombol Inti”?
Cara pengguna papan ketik berpindah dan mengaktifkan kontrol. 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 “Tab, Shift+Tab, Enter, Spasi: Tombol Inti” 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
- Tab, Shift+Tab, Enter, Spasi: Tombol Inti
- Fokus Terlihat: Jangan Sembunyikan Garis Fokus
- Urutan Tab Logis Mengikuti Konten
- Menemukan Jebakan Papan Ketik