Fokus

Kemana harus fokus keyboard saat tombol konten 'muat lebih banyak' diklik

Kemana harus fokus keyboard saat tombol konten 'muat lebih banyak' diklik

Fokus dipindahkan ke awal konten baru. Ini dapat dicapai dengan menggunakan TabIndex-1 dan skrip untuk mengatur fokus. Konten baru memuat setelah tombol 'muat lebih' tetap pada posisi dan fokus tetap pada tombol.

  1. Apa yang harus fokus keyboard?
  2. Apa urutan fokus dalam aksesibilitas?
  3. Mengapa fokus penting untuk aksesibilitas?
  4. Manakah dari elemen berikut yang tidak memerlukan fokus keyboard saat Anda membuat aplikasi Anda dapat diakses?

Apa yang harus fokus keyboard?

Elemen yang dapat diklik harus dapat fokus dan harus memiliki semantik interaktif. Jika suatu elemen dapat diklik dengan perangkat penunjuk, seperti mouse, maka itu juga harus dapat fokus menggunakan keyboard, dan pengguna harus dapat melakukan sesuatu dengan berinteraksi dengannya.

Apa urutan fokus dalam aksesibilitas?

Orde Fokus: Urutan Navigasi Elemen yang Dapat Difokuskan harus logis dan intuitif. Catatan 1: Elemen yang dapat fokus termasuk tautan, input dan kontrol bentuk, tombol, dan elemen apa pun dengan nilai tabIndex 0 atau lebih. Catatan 2: Urutan Bacaan Default ditentukan oleh urutan elemen yang dapat fokus di DOM.

Mengapa fokus penting untuk aksesibilitas?

Untuk memastikan aksesibilitas keyboard, penting bahwa fokus keyboard hadir di halaman web. Fokus keyboard memberikan indikasi visual dari lokasi pengguna di halaman web saat menavigasi melalui keyboard. Saat item memiliki fokus keyboard, ia dapat diaktifkan atau dimanipulasi dengan keyboard.

Manakah dari elemen berikut yang tidak memerlukan fokus keyboard saat Anda membuat aplikasi Anda dapat diakses?

Item yang tidak boleh menerima fokus keyboard

Tautan, tombol, dan kontrol formulir dapat diakses secara alami oleh pengguna keyboard, jadi harus digunakan untuk interaktivitas bila memungkinkan. Elemen halaman yang tidak interaktif ke mouse atau pengguna sentuh tidak boleh dibuat keyboard fokus (seperti dengan menggunakan tabIndex).

Audit kompetitif
Audit kompetitif memungkinkan Anda untuk melacak pesaing Anda, memahami pendekatan mereka, dan mencari tahu apa yang mungkin hilang dari merek Anda. T...
Lembar bawah di atas popup di ponsel
Apa itu lembaran bawah yang persisten?Apa itu lembar bawah modal?Apa perbedaan antara lembaran bawah dan lembaran bawah modal?Apa lembaran bawah di U...
Cara Menyelaraskan Kebutuhan Pengguna dan Sasaran Bisnis?
Bagaimana Anda menyelaraskan tujuan bisnis dengan kebutuhan pengguna?Lakukan tujuan bisnis mendukung tujuan pengguna?Apa tujuan bisnis di UX? Bagaim...