Intinya...

Sebelum dikirim, seluruh formulir harus memungkinkan pengguna untuk

  • meninjau kembali isian, dan
  • memperbaiki kesalahan.

Apa itu WCAG 3.3.6?

Saat pengguna mengirimkan formulir—entah untuk mendaftar, membeli sesuatu, atau memasukkan data—mereka harus memiliki kesempatan untuk mengonfirmasi, memperbaiki, atau membatalkan tindakan mereka. Pada level AAA, semua pengiriman formulir harus mencakup setidaknya salah satu dari berikut:

  • Pengiriman dapat dibatalkan.
  • Data diperiksa kesalahannya, dan pengguna dapat memperbaikinya.
  • Pengguna dapat meninjau dan mengonfirmasi informasi sebelum menyelesaikan.

Ini membantu mencegah kesalahan yang bisa sulit, atau bahkan tidak mungkin, diperbaiki kemudian.

Mengapa ini penting?

Kesalahan bisa terjadi, tetapi bagi individu dengan disabilitas, kesalahan sering kali lebih sulit dikenali dan diperbaiki, terutama saat mengisi formulir, memasukkan data, atau menavigasi situs web. Tanpa cara untuk meninjau, mengonfirmasi, atau membatalkan tindakan, pengguna bisa menghadapi konsekuensi serius yang tidak mudah diubah.

Bayangkan seseorang dengan disabilitas kognitif yang mencoba memesan tiket pesawat. Mereka mungkin secara tidak sengaja salah memasukkan nama atau melewatkan langkah penting. Jika tidak ada kesempatan untuk meninjau atau memperbaikinya, mereka bisa saja mendapatkan tiket yang salah atau bahkan tidak mendapatkan tiket sama sekali.

Dengan memberikan pengguna kesempatan kedua untuk meninjau atau membatalkan tindakan, kita membantu menghindari kesalahan, meningkatkan rasa percaya diri, dan membuat situs web jauh lebih ramah bagi semua orang.

Siapa yang terpengaruh?

Pengguna dengan disabilitas membaca, pengguna dengan hambatan mobilitas, dan pengguna dengan disabilitas kognitif.

Pengguna dengan disabilitas membaca, seperti disleksia, mungkin mengalami kesulitan dengan kesalahan ketik dan salah membaca isian formulir. Jika tidak ada kesempatan untuk meninjau atau memperbaiki kesalahan, mereka bisa tanpa sengaja mengirimkan informasi yang tidak akurat.

Pengguna dengan hambatan mobilitas, seperti tremor, keterbatasan gerak, atau gerakan tak terkendali, mungkin tanpa sengaja menekan tombol yang salah, memilih opsi yang keliru, atau menghapus data. Menyediakan opsi pembatalan atau langkah konfirmasi membantu mencegah kesalahan yang tidak dapat dikembalikan.

Pengguna dengan disabilitas kognitif, seperti ADHD atau gangguan memori, mungkin mengalami kesulitan fokus, mengingat detail, atau mengikuti langkah-langkah kompleks. Mereka bisa saja mengklik tombol yang salah atau memasukkan informasi yang salah. Mekanisme pencegahan kesalahan memberi mereka kesempatan untuk memeriksa kembali tindakan sebelum menyelesaikan pengiriman formulir.

Cara menerapkan WCAG 3.3.6

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

Pencegahan kesalahan pada pengiriman

Teknik-teknik ini berlaku untuk semua jenis pengiriman formulir, termasuk formulir untuk:

  • Formulir pendaftaran dan pembuatan akun
  • Formulir login dan autentikasi
  • Formulir e-commerce
  • Formulir langganan dan keanggotaan
  • Formulir kontak dan pertanyaan
  • Formulir aplikasi
  • Formulir pemerintah atau legal
  • Formulir medis dan kesehatan
  • Formulir pemesanan dan reservasi

Dan masih banyak lagi. Semua jenis formulir ini meminta pengguna untuk memasukkan dan mengirimkan informasi, yang berarti kesalahan sangat mungkin terjadi. Karena itu, penting untuk memiliki fitur bawaan untuk mencegah kesalahan, seperti langkah peninjauan, konfirmasi, atau opsi pembatalan.

Beri waktu bagi pengguna untuk memperbaiki atau membatalkan

Salah satu cara untuk mendukung pembatalan adalah dengan menyediakan waktu singkat bagi pengguna untuk mengedit atau membatalkan pengiriman. Jangka waktu ini harus disampaikan dengan jelas, dan langkah-langkah untuk memperbaiki harus mudah diakses.

Contohnya: setelah mengisi formulir pembelian, muncul pesan yang menyatakan, “Anda memiliki 10 menit untuk mengedit atau membatalkan pembelian Anda.” Halaman konfirmasi menampilkan hitung mundur dan tombol edit/batal.

Izinkan pengguna meninjau dan melakukan koreksi

Sebelum pengiriman, tampilkan halaman peninjauan yang merangkum semua input dari pengguna. Pengguna sebaiknya dapat:

  • Mengedit langsung di halaman peninjauan, atau
  • Menavigasi kembali ke bagian formulir sebelumnya untuk melakukan perubahan

Sertakan tombol “Kembali” untuk memudahkan navigasi antar langkah.

Sertakan kotak centang selain tombol kirim

Dalam beberapa kasus, formulir dapat mencantumkan kotak centang wajib sebelum tombol kirim untuk mendorong pengguna meninjau isian mereka dengan lebih hati-hati. Ini bisa membantu mencegah pengiriman yang tidak disengaja dan memberi kesempatan bagi pengguna untuk berhenti sejenak sebelum menyelesaikan.

Namun, pola ini dapat menimbulkan hambatan bagi sebagian pengguna, terutama mereka dengan disabilitas kognitif atau motorik, jika menjadi satu-satunya cara untuk mengonfirmasi pengiriman. Kotak centang ini harus jelas, mudah digunakan, dan bukan satu-satunya mekanisme untuk konfirmasi.

Jika pengguna mencoba mengirim tanpa mencentang kotak, munculkan pengingat yang lembut untuk meninjau kembali isian mereka. Tetapi ini sebaiknya dipadukan dengan strategi pencegahan kesalahan lain, seperti halaman peninjauan atau langkah konfirmasi, agar tetap aksesibel.

Minta konfirmasi sebelum pengiriman

Sebelum menyelesaikan, tampilkan dialog konfirmasi untuk mencegah pengiriman yang tidak disengaja. Pesannya harus secara jelas menyatakan bahwa perubahan mungkin tidak dapat dilakukan setelah pengiriman.

Jika menggunakan dialog konfirmasi, pastikan dialog tersebut aksesibel. Fokus harus berpindah ke dialog, dapat digunakan dengan pembaca layar, dan cara menutup modal harus jelas.

Ilustrasi berbagai cara untuk mencegah kesalahan pada pengiriman formulir

Di dalam ilustrasi di atas:

Waktu untuk memperbaiki atau membatalkan: Sebuah penghitung waktu sedang berjalan mundur, dan muncul pesan “10 menit untuk mengedit atau membatalkan pengiriman ini.” Terdapat tombol “Batalkan Pengiriman” dan “Perbaiki Isian”.

Tinjau dan revisi: Sebuah halaman ringkasan berjudul “Tinjau Sebelum Mengirim” ditampilkan, di mana setiap isian memiliki opsi untuk diedit.

Konfirmasi dengan kotak centang: Sebuah formulir menampilkan kotak centang wajib yang diberi label, “Saya mengonfirmasi bahwa informasi ini sudah benar.”

Konfirmasi lanjutan: Sebuah pop-up muncul setelah pengguna mengklik “Kirim”, menampilkan pertanyaan “Apakah Anda yakin ingin mengirim?” dengan dua opsi: “Tidak, Batalkan” dan “Ya, Kirim”.

Kesimpulan

WCAG 3.3.6 memastikan bahwa pengguna memiliki kesempatan untuk memperbaiki atau meninjau pengiriman mereka sebelum terlambat. Ini sangat penting bagi individu dengan disabilitas, yang mungkin lebih rentan membuat dan melewatkan kesalahan.

Baik melalui langkah konfirmasi, validasi input, atau tombol batal yang sederhana, memberi pengguna jaring pengaman membantu mereka merasa lebih percaya diri dan memiliki kendali.