Intinya...

Pengguna harus bisa memindahkan fokus dari dan ke komponen manapun menggunakan keyboard (misal [tab], [shift]+[tab], [enter], [esc]), tanpa terjebak di komponen tertentu.

Apa itu WCAG 2.1.2?

Kriteria keberhasilan ini memastikan bahwa pengguna yang mengoperasikan keyboard atau keyboard alternatif tidak terjebak di sebagian konten halaman. Hasil dari "terjebaknya" pengguna di konten ini disebabkan oleh fokus keyboard yang tidak ditangani dengan benar.

Konten yang secara tidak sengaja menjebak pengguna umumnya ditemukan pada plugin, widget, atau aplikasi yang disematkan di halaman web. Sebagai contoh:

  • Kotak pop-up modal
  • Widget kalender pemesanan yang disematkan
  • Konten dengan pengguliran tak terbatas
  • Video player yang tidak dapat diakses

Mengapa ini penting?

Penting untuk menguji apakah keyboard saja dapat digunakan untuk menavigasi semua konten di halaman tanpa terjebak; jika tidak, maka tidak mungkin untuk menavigasi seluruh halaman tanpa menggunakan mouse untuk keluar dari keadaan terjebak.

Setelah pengguna terjebak, mereka kemungkinan besar harus menutup atau menyegarkan browser atau me-restart sistem mereka, yang bisa sangat membuat frustrasi dan memakan waktu, terutama jika kontennya penting atau krusial untuk diakses oleh pengguna.

Memberikan cara bagi pengguna untuk berpindah ke seluruh konten dan "membebaskan" fokus memungkinkan pengguna keyboard untuk dengan bebas meninjau semua yang ada di halaman web.

Siapa yang terpengaruh?

Pengguna low vision atau memiliki penglihatan terbatas, pengguna dengan mobilitas terbatas, dan pengguna dengan gangguan motorik halus.

Pengguna dengan gangguan penglihatan, seperti low vision atau penglihatan terbatas, memerlukan penggunaan keyboard untuk menavigasi dan mengoperasikan halaman web. Ketika sebagian konten menjebak fokus keyboard pengguna, hal ini membuatnya sulit untuk sepenuhnya menikmati konten karena mereka mungkin melewatkan informasi yang ditempatkan setelah aplikasi "penjebakan".

Pengguna dengan gangguan mobilitas mungkin merasa sulit atau bahkan tidak mungkin untuk menggunakan mouse. Mereka mungkin lebih memilih menggunakan keyboard atau keyboard alternatif, sehingga ini juga berlaku bagi mereka.

Cara menerapkan WCAG 2.1.2

Bagian ini menawarkan penjelasan yang disederhanakan dan contoh-contoh untuk membantu kamu memulai. Untuk panduan lengkap, selalu rujuk ke dokumentasi resmi WCAG.

Pakai tab dari awal sampai akhir

Cara terbaik untuk menguji teknik ini adalah dengan menggunakan tombol Tab untuk menavigasi konten halaman dari awal hingga akhir. Jika kamu terjebak di bagian konten tertentu, maka halaman perlu menyediakan metode khusus keyboard, biasanya tombol Esc, untuk keluar atau melepaskan diri dan melanjutkan ke sisa halaman.

Petunjuk tentang bagaimana cara keluar dari konten atau memindahkan fokus kembali ke item berikutnya di halaman perlu disediakan dengan jelas dan ditampilkan kepada pengguna sebelum konten yang bermasalah.

Ilustrasi pengguna menggunakan tab

Pengguna menggunakan tab untuk menavigasi konten berbeda di halaman web, sebuah widget teka-teki di tengah halaman menunjukkan tanda jalan buntu untuk menandakan pengguna terjebak di sana.

Kesimpulan

Aksesibilitas keyboard sangat penting bagi pengguna yang tidak dapat atau lebih memilih tidak menggunakan mouse. Hal ini membuat sangat penting agar konten tidak mengganggu pengalaman pengguna, dalam hal ini, menjebak fokus mereka dan membuat mereka terjebak.