Intinya...

Interaksi yang memerlukan gerakan seret/dragging (seperti mengubah urutan) juga harus bisa dilakukan dengan tombol atau metode lain yang tidak memerlukan gerakan seret.

Apa itu WCAG 2.5.7?

Jika sebuah tugas di situs web kamu memerlukan gerakan menyeret (dragging), harus ada alternatif yang lebih mudah yang disediakan. Alih-alih menyeret, pengguna sebaiknya dapat menyelesaikan tindakan yang sama dengan satu ketukan, klik, atau input sederhana lainnya. Gerakan menyeret biasanya ditemukan pada elemen seperti slider, pemilih warna, daftar yang dapat diurutkan, papan Kanban (di mana kamu drag-and-drop tugas), dan peta interaktif.

Meskipun ini terdengar mirip dengan WCAG 2.5.1 Gerakan Penunjuk, keduanya tidak sama: pada gerakan menyeret, hanya titik awal dan akhir yang penting, tetapi isyarat biasanya berarti pengguna harus mengikuti jalur dengan mouse atau jari mereka.

Demikian pula, kriteria keberhasilan WCAG 2.1.1 Keyboard mengharuskan gerakan menyeret dapat diakses dengan keyboard. Namun, itu tidak cukup untuk memenuhi kriteria ini. Gerakan menyeret juga harus dapat dilakukan dengan satu ketukan atau klik untuk pengguna yang tidak menggunakan keyboard.

Ilustrasi gerakan jari

Ilustrasi membandingkan isyarat berbasis jalur di sebelah kiri, seperti menyeret dan menjatuhkan, dan isyarat multipoint di sebelah kanan, seperti mencubit untuk memperbesar.

Mengapa ini penting?

Tanpa opsi satu penunjuk untuk menyeret, beberapa pengguna mungkin tidak dapat menggunakan bagian tertentu dari sebuah situs web. Pengguna dengan masalah mobilitas mungkin merasa kesulitan atau lelah saat melakukan gerakan menyeret, seperti saat menggeser peta atau menyeret item di pembuat situs web.

Pengguna yang menggunakan alat bantu seperti trackball atau sistem eye-gaze mungkin sama sekali tidak dapat melakukan gerakan menyeret. Fitur sederhana seperti slider untuk kontrol volume bisa menjadi sepenuhnya tidak dapat diakses.

Siapa yang terpengaruh?

Pengguna dengan keterbatasan mobilitas dan kontrol motorik halus.

Pengguna dengan masalah mobilitas atau kontrol motorik halus mungkin merasa kesulitan atau sakit saat melakukan gerakan menyeret. Opsi ketukan atau klik tunggal dapat menghindarkan mereka dari usaha ekstra.

Pengguna yang menggunakan berbagai jenis perangkat input mungkin tidak dapat melakukan gerakan menyeret dengan perangkat mereka. Input sederhana bekerja lebih baik untuk memastikan mereka bisa melakukan tugas yang sama.

Cara menerapkan WCAG 2.5.7

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

Berikan alternatif satu penunjuk

Untuk setiap komponen, elemen, atau antarmuka yang memerlukan gerakan menyeret, pastikan ada opsi satu penunjuk yang mudah sebagai alternatif.

Opsi satu penunjuk (single-pointer) bisa termasuk mengklik tombol atau mengetikkan nilai. Misalnya:

  • Untuk slider volume, izinkan pengguna untuk mengetikkan nilai angka ke dalam input atau mengklik tombol +/- sederhana untuk menyesuaikan volume.
  • Untuk daftar yang dapat diurutkan, izinkan pengguna untuk mengurutkan ulang item dengan tombol atas/bawah.
  • Untuk peta interaktif, izinkan pengguna untuk menggeser peta menggunakan tombol arah.

Ingat, meskipun menawarkan pintasan keyboard sebagai alternatif untuk menyeret sangat bagus dan diperlukan untuk kriteria keberhasilan lainnya, itu tidak cukup untuk memenuhi kriteria keberhasilan ini. Kamu perlu menyediakan alternatif ketukan/klik tunggal atau input sederhana.

Peta interaktif dengan dua cara untuk menavigasi tampilan

Pengguna dapat menyeret peta untuk memposisikannya ulang atau menggunakan tombol arah untuk memindahkan tampilan ke salah satu dari empat arah (atas, bawah, kiri, kanan) dengan ketukan sederhana.

Kesimpulan

Menambahkan alternatif satu penunjuk untuk menyeret memastikan bahwa semua orang dapat menggunakan antarmuka kamu, termasuk pengguna dengan masalah mobilitas atau mereka yang menggunakan perangkat bantu. Opsi sederhana seperti tombol, kolom teks, atau solusi ketukan tunggal membuat komponen kamu mudah digunakan untuk semua pengguna.