Intinya...

Tindakan yang mengandalkan gerakan jari (seperti swiping atau pinching layar) harus juga dapat dilakukan dengan satu atau beberapa ketukan, klik, atau tombol.

Apa itu WCAG 2.5.1?

Saat menggunakan gerakan seperti menggeser, mencubit, atau menyeret untuk berinteraksi dengan konten web, penting untuk memastikan fungsi-fungsi ini juga bisa dikendalikan dengan tindakan sederhana satu titik, seperti mengetuk atau mengklik. Ini juga berlaku untuk gerakan berbasis jalur, yang membutuhkan gerakan dalam pola tertentu, dan gerakan multipoin, yang memerlukan lebih dari satu titik sentuh. Dengan menyediakan metode alternatif seperti ketukan atau klik, kamu tetap bisa berinteraksi dengan konten tanpa perlu melakukan gerakan yang rumit.

Contoh gerakan penunjuk meliputi:

  • Menggeser (swipe) elemen slider atau carousel
  • Menggambar bentuk tertentu
  • Mencubit (pinch) dengan dua jari untuk memperbesar atau memperkecil
  • Mengetuk (tap) atau menggeser dengan beberapa jari

Kriteria ini bertujuan untuk memastikan bahwa konten dapat dikendalikan tanpa bergantung hanya pada gerakan yang kompleks. Namun, ada pengecualian untuk konten yang secara alami membutuhkan gerakan kompleks, seperti menggambar tanda tanganmu.

Ilustrasi gerakan jari

Ilustrasi membandingkan gerakan berbasis jalur di sebelah kiri, seperti drag and drop, dan gerakan multipoin di sebelah kanan, seperti mencubit untuk memperbesar.

Mengapa ini penting?

Banyak pengguna tidak bisa melakukan gerakan multipoin atau berbasis jalur yang diperlukan untuk berinteraksi dengan konten web tertentu. Persyaratan ini bisa menyulitkan orang dalam mengakses fitur penting, yang akhirnya menyebabkan frustrasi dan pengalaman pengguna yang buruk.

Pengguna dengan mobilitas terbatas atau gangguan motorik mungkin kesulitan melakukan gerakan, sehingga bisa terjadi tindakan tidak sengaja atau kesulitan menggunakan situs web. Pengguna perangkat khusus juga mengalami tantangan dalam menggunakan gerakan ini karena keterbatasan teknologi bantu mereka. Terakhir, pengguna dengan disabilitas kognitif atau pembelajaran mungkin menganggap gerakan kompleks membingungkan dan sulit diingat. Semua ini bisa menyebabkan frustrasi, penurunan keterlibatan, bahkan membuat pengguna meninggalkan situs web.

Siapa yang terdampak?

Pengguna dengan mobilitas terbatas, pengguna dengan disabilitas kognitif, pengguna dengan penglihatan rendah atau terbatas, pengguna netra.

Pengguna dengan mobilitas terbatas atau gangguan motorik, seperti mereka yang memiliki penyakit Parkinson atau artritis, mendapatkan manfaat dari pedoman ini karena memberikan cara yang lebih sederhana untuk berinteraksi dengan konten. Beberapa dari mereka juga menggunakan alat bantu seperti penunjuk kepala atau sistem pelacakan pandangan mata untuk berinteraksi dengan halaman web, dan keterbatasan kelincahan alat ini membuat gerakan penunjuk sulit dilakukan dengan akurat atau efisien. Pedoman ini juga membantu pengguna lanjut usia, yang mungkin memiliki keterampilan motorik yang berkurang, dan siapa saja yang menggunakan perangkat dalam kondisi sulit, seperti saat perjalanan yang berguncang.

Pengguna dengan disabilitas kognitif atau pembelajaran mungkin merasa gerakan kompleks membingungkan atau sulit diingat, sehingga membuat navigasi dan interaksi dengan situs menjadi tantangan. Menyederhanakan interaksi ini membantu menciptakan pengalaman yang lebih intuitif dan ramah pengguna bagi mereka.

Pengguna low vision sering kesulitan dengan gerakan yang membutuhkan penyelarasan visual yang tepat, seperti menyeret atau menggeser. Mereka sangat bergantung pada feedback visual yang jelas untuk memandu aksi mereka. Tanpa feedback ini, sulit bagi mereka untuk mengetahui apakah gerakan mereka berhasil, yang bisa menyebabkan frustrasi dan kesalahan.

Pengguna netra sangat bergantung pada screen reader dan teknologi bantu lainnya untuk berinteraksi dengan konten web. Karena mereka tidak bisa melihat layar, gerakan visual seperti menggeser atau mencubit tidak bisa diakses oleh mereka. Memastikan semua fungsi dapat dioperasikan melalui perintah sederhana tanpa visual memungkinkan pengguna netra menavigasi dan menggunakan situs dengan efektif.

Cara menerapkan WCAG 2.5.1

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

Alternatif kontrol

Ketika ada gerakan berbasis jalur, seperti carousel gambar yang memerlukan geseran, pastikan tersedia kontrol yang lebih sederhana seperti tombol atau mekanisme ketukan. Alternatif kontrol ini harus ditempatkan di atas atau di dekat konten yang menggunakannya. Harus juga jelas apa fungsi kontrol tambahan tersebut dan bagaimana cara menggunakannya.

Sebagai contoh, sebuah peta memungkinkan pengguna mencubit menggunakan dua jari untuk memperbesar atau memperkecil tampilan, dan menggeser untuk menggeser peta. Namun, tersedia juga dua tombol dengan simbol plus dan minus, serta tombol panah navigasi, yang ditempatkan di sudut atas peta sehingga pengguna dapat memperbesar, memperkecil, dan menggeser peta tanpa perlu mencubit atau menggeser.

Perbandingan menggunakan gerakan vs tombol

Dua elemen peta yang ditampilkan berdampingan, satu hanya mengandalkan gerakan mencubit dan menggeser, dengan tanda tanya yang menunjukkan kebingungan, dan satu lagi menampilkan tombol zoom dan panah navigasi untuk membantu pengguna memahami konten dan cara menggunakannya tanpa gerakan penunjuk.

Kontrol jalur slider

Alternatif sangat penting untuk kontrol slider, yang sepenuhnya bergantung pada gerakan menyeret yang presisi untuk mengatur nilainya. Memberikan input lain, seperti ketukan atau klik melalui tombol atau tautan, dapat membantu pengguna mengatur nilai tanpa perlu gerakan berbasis jalur.

Contoh umum dari slider kontrol adalah slider volume pada konten video, yang memungkinkan pengguna mengatur nilai dalam rentang tertentu menggunakan jalur penggeseran.

Audio player dengan kontrol volume

Sebuah slider kontrol untuk volume video, di mana tombol panah ditempatkan di sebelah jalur slider sehingga pengguna bisa memilih untuk menyeret tombol penggeser atau menekan tombol panah untuk mengatur nilainya. Panah menunjuk ke tombol-tombol tersebut dan bertuliskan 'Volume Up' dan 'Volume Down'.

Kesimpulan

Memastikan situs webmu dapat digunakan dengan tindakan sederhana seperti ketukan dan klik, alih-alih gerakan kompleks, adalah kunci untuk aksesibilitas. Dengan menyediakan alternatif untuk gerakan multipoint dan berbasis jalur, kamu membuat situs webmu dapat digunakan oleh pengguna dengan berbagai disabilitas, termasuk disabilitas motorik, disabilitas kognitif, dan disabilitas visual.