Tombol yang Menjelaskan Fungsinya

Tombol hanya berguna jika pengguna mengetahui fungsinya. Nama aksesibelnya adalah hal yang dibacakan pembaca layar sebelum pengguna menekannya.

Untuk tombol biasa, teks yang terlihat di dalamnya menjadi nama aksesibel. Kata-kata yang jelas menghasilkan pengumuman yang jelas.

Beri label tombol sesuai tindakan yang dijalankannya, seperti Simpan, Hapus, atau Tambahkan ke keranjang. Kata kerja memberi tahu pengguna dengan tepat apa yang akan terjadi.

Label seperti OK, Kirim, atau Buka bersifat samar ketika beberapa tombol menggunakannya. Sebutkan tindakan yang spesifik agar setiap tombol dapat dipahami sendiri.

Tombol ikon tanpa teks tidak memiliki nama aksesibel. Pembaca layar mungkin hanya mengatakan “tombol”, sehingga pengguna harus menebak. 🤔

Beri nama pada tombol tanpa teks dengan aria-label. Kini ikon tetap terlihat, tetapi teknologi bantu mengumumkan fungsinya.

Jika label sudah menyebutkan tindakan, tandai ikon di dalamnya dengan aria-hidden agar tidak dibaca sebagai gangguan tambahan.

Tombol sakelar harus melaporkan statusnya. Gunakan aria-pressed agar pembaca layar mengatakan apakah tombol itu aktif atau nonaktif.

Tombol yang menampilkan atau menyembunyikan panel harus memiliki aria-expanded agar pengguna mendengar apakah panel itu terbuka atau diciutkan.

Label yang baik singkat tetapi benar. Label tersebut menjanjikan tepat apa yang dilakukan tombol saat ditekan, tanpa kejutan setelah klik.

Jika tombol memiliki teks yang terlihat, pertahankan kata-kata tersebut di dalam nama aksesibelnya agar pengguna kontrol suara dapat mengucapkan label yang mereka lihat.

Beri nama setiap tombol berdasarkan tindakannya, beri label pada tombol yang hanya berupa ikon, dan tampilkan statusnya dengan atribut aria. Kini pengguna selalu mengetahui fungsinya. 👍