Intinya...

Konten tidak boleh memiliki batasan waktu untuk dibaca atau interaksi, kecuali bagian dari acara langsung (real-time) atau berbasis waktu (misalnya lelang, siaran langsung).

Apa itu WCAG 2.2.3?

Batasan waktu tidak boleh diterapkan pada konten dan aktivitas situs web. Kriteria ini berfokus pada memberikan pengguna waktu sebanyak yang mereka butuhkan untuk menyelesaikan tugas dan mengakses informasi tanpa tekanan dari jam yang terus berdetak.

Batasan waktu menjadi hambatan bagi pengguna yang memerlukan lebih banyak waktu untuk membaca, menavigasi, atau berinteraksi dengan konten digital. Meskipun WCAG 2.2.1 Waktu Bisa Disesuaikan memberikan opsi bagi pengguna untuk menambah waktu, kriteria ini melangkah lebih jauh untuk mempromosikan konten web yang menghindari waktu sama sekali.

Namun, karena sifat beberapa konten, ada beberapa pengecualian:

  • Konten video atau audio non-interaktif seperti siaran langsung, film, podcast, dll.
  • Acara langsung dan fungsionalitas seperti batas waktu voting atau lelang.

Mengapa ini penting?

Tidak semua pengguna mengalami atau berinteraksi dengan konten digital dengan kecepatan yang sama. Pengguna dengan disabilitas sering membutuhkan lebih banyak waktu untuk memproses konten, dan ketika batasan waktu diterapkan, hal ini dapat menyebabkan frustrasi yang tidak perlu, kesalahan, atau pengucilan total.

Ketika konten terikat dengan timer, pengguna mungkin merasa terburu-buru atau cemas. Mereka mungkin melewatkan informasi penting, mengirimkan formulir yang tidak lengkap, atau keluar dari akun sebelum menyelesaikan tugas.

Lebih buruk lagi, jika tidak ada cara untuk menjeda, memperpanjang, atau menghapus batasan waktu, pengguna mungkin harus memulai lagi dari awal—menciptakan hambatan yang tidak ada kaitannya dengan kemampuan atau niat, dan semuanya terkait dengan berlomba melawan jam yang tidak bisa mereka kendalikan.

Contoh formulir multi-langkah

Formulir multi-langkah yang sebagian terisi terjebak di Langkah 7: Fill Out Your Address. Pesan pop-up besar muncul dengan tulisan 'Uh-Oh! Time is Up. Sorry, the form timed out. Please restart and try again' dengan tombol 'restart' berwarna biru di bawahnya.

Ini menggambarkan kegagalan untuk memenuhi WCAG 2.2.3 yang menunjukkan bagaimana progress bisa hilang ketika pengguna dipaksa menyelesaikan tugas dalam batasan waktu yang ketat.

Siapa yang terpengaruh?

Pengguna dengan gangguan fisik atau motorik, pengguna netra, pengguna low vision, pengguna dengan gangguan kognitif, dan pengguna tuli.

Pengguna dengan gangguan fisik atau motorik mungkin membutuhkan lebih banyak waktu untuk menggerakkan mouse, mengetuk layar, atau mengetik jawaban, terutama jika mereka menggunakan alat bantu.

Pengguna netra sering menavigasi menggunakan screen reader, yang bisa memakan waktu lebih lama untuk menginterpretasikan tata letak, mengidentifikasi elemen, dan membaca konten.

Pengguna low vision mungkin membutuhkan waktu tambahan untuk menemukan informasi di halaman, memperbesar tampilan, menyesuaikan pengaturan, atau menggunakan pembesar layar secara efektif.

Pengguna dengan gangguan kognitif mungkin membutuhkan waktu lebih lama untuk memproses instruksi, memahami konten, atau membuat keputusan, terutama saat berhadapan dengan tata letak yang kompleks atau tugas yang tidak familiar.

Pengguna tuli mungkin membutuhkan waktu lebih lama untuk membaca konten tertulis jika itu bukan bahasa utama mereka, terutama jika mereka berkomunikasi dengan bahasa isyarat.

Cara menerapkan WCAG 2.2.3:

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

Hindari timer dan pembatasan waktu

Cara paling sederhana untuk memenuhi kriteria ini adalah dengan merancang tanpa timer sama sekali. Ini juga berarti menghindari situasi di mana kecepatan mempengaruhi pengalaman pengguna, seperti menilai pengguna berdasarkan seberapa cepat mereka menyelesaikan tugas.

Jika konten atau fitur kamu tidak sensitif terhadap waktu, beri kesempatan bagi pengguna untuk mengambil waktu sebanyak yang mereka butuhkan.

Konten, aktivitas, dan fitur yang harus mengikuti aturan ini:

  • Formulir dan aplikasi, terutama formulir multi-langkah
  • Proses checkout dan keranjang belanja
  • Permainan yang memberikan penalti bagi respons yang lambat
  • Carousel yang berputar otomatis dan slider testimonial
  • Ticker berita dan banner pengumuman
  • Popup yang hilang secara otomatis
  • Sesi otentikasi
  • Kursus dan modul online

Perbandingan dua formulir lamaran kerja

Dua formulir lamaran kerja yang ditempatkan berdampingan. Versi kiri menunjukkan '08:34 Minutes Remaining!' dan memberi peringatan kepada pengguna bahwa mereka harus melamar lagi tahun depan jika tidak selesai tepat waktu, ditandai dengan ikon jempol ke bawah. Versi kanan menunjukkan 'Please Take Your Time', mendorong pengguna untuk menyelesaikan aplikasi dengan kecepatan mereka sendiri, ditandai dengan ikon jempol ke atas.

Gunakan interaksi berbasis giliran atau yang dapat dijeda

Jika kamu membangun pengalaman interaktif seperti permainan atau kuis, pertimbangkan untuk menggunakan mekanisme berbasis giliran atau memungkinkan pengguna untuk menjeda. Dengan cara ini, pengalaman tetap menarik tanpa mengharuskan reaksi cepat atau penghitungan waktu.

Hindari waktu habis sesi

Jika pengguna sedang mengisi formulir, menulis pesan, atau bekerja melalui proses multi-langkah, hindari waktu habis sesi. Atau, paling tidak, pastikan bahwa kemajuan disimpan dan bisa dilanjutkan nanti.

Situasi ini juga dibahas dalam WCAG 2.2.6 Timeout. Meskipun 2.2.6 memastikan pengguna diberi peringatan sebelum waktu habis yang dapat menyebabkan kehilangan data, 2.2.3 membawa aturan ini lebih jauh dengan mengharuskan kamu menghindari batasan waktu sama sekali jika memungkinkan.

Contoh buruk penerapan timer di checkout

Sesi checkout keranjang belanja untuk Accessibility Dog Harness. Pengguna sedang mengisi detail kartu kredit ketika muncul pesan: '00:00 Minutes Remaining — Your cart has expired. All items have been removed.' Ini menunjukkan kegagalan WCAG 2.2.3, di mana batasan waktu mengganggu penyelesaian tugas tanpa alternatif.

Pengecualian untuk konten berdasarkan waktu

Meskipun WCAG 2.2.3 menuntut penghapusan batasan waktu, beberapa konten memang tidak bisa ada tanpa batasan tersebut. Dalam kasus seperti itu, tujuannya adalah untuk fokus pada komunikasi yang jelas dan alternatif yang dapat diakses.

Jika partisipasi secara real-time tidak memungkinkan, kamu bisa menyediakan konten lanjutan seperti ringkasan acara, rekap lelang, atau halaman hasil untuk membantu menjaga pengalaman tetap inklusif.

Untuk media non-interaktif seperti siaran langsung, film, atau podcast:

  • Sediakan transkrip untuk konten audio atAu video
  • Tawarkan caption dan deskripsi audio jika berlaku
  • Jika rekaman akan tersedia nanti, beri tahu dengan jelas kapan dan di mana pengguna dapat mengaksesnya

Untuk acara real-time seperti pemungutan suara langsung atau lelang:

  • Tampilkan waktu mulai dan berakhir dengan format yang dapat dibaca
  • Sertakan pengingat atau hitung mundur dengan kontras yang cukup dan dukungan screen reader
  • Jika memungkinkan, tawarkan opsi partisipasi alternatif, seperti pengajuan melalui email atau window pemungutan suara yang lebih panjang bagi pengguna yang membutuhkan akomodasi.

Contoh benar penerapan timer pada lelang

Layar lelang langsung yang menampilkan seseorang mengumumkan tawaran untuk tampilan braille yang dapat diperbarui. Balon teks membaca 'Current bid is $850' dan '900, Anyone?!' Sebuah laptop dengan tampilan braille ditampilkan di sebelah kanan. Timer hitung mundur menunjukkan 12:58 menit tersisa. Ini menggambarkan acara real-time yang merupakan pengecualian di bawah WCAG 2.2.3, di mana interaksi berbasis waktu sangat penting.

Kesimpulan

Ide inti di balik WCAG 2.2.3 sederhana: jangan menerapkan timer pada konten apapun. Menghapus pembatasan berbasis waktu menciptakan pengalaman yang lebih inklusif dan kurang stres bagi semua pengguna, terutama bagi mereka yang membutuhkan lebih banyak waktu untuk berinteraksi dengan kontenmu.