Intinya...

Batasan waktu harus dihindari kecuali dibutuhkan (misalnya ujian atau lelang). Jika batasan waktu digunakan, harus ada cara untuk

  • mematikannya,
  • mengaturnya menjadi setidaknya 10× dari batasan bawaan, atau
  • memperpanjang hingga setidaknya 10×.

Apa itu WCAG 2.2.1?

Kadang-kadang, konten bersifat sensitif terhadap waktu, seperti teks yang hanya tersedia dalam waktu singkat, tindakan yang perlu diambil oleh pengguna dengan cepat, atau hal-hal yang bergerak atau berubah secara otomatis seiring waktu.

Namun, dengan konten yang melibatkan waktu tertentu, kamu juga perlu mempertimbangkan bahwa beberapa pengguna mungkin membutuhkan lebih banyak waktu untuk berinteraksi atau menginterpretasikan sebuah konten. Dengan membuat pengaturan waktu yang dapat disesuaikan untuk konten tersebut, kamu bisa membuatnya dapat diakses oleh semua orang.

Beberapa contoh konten yang melibatkan variabel waktu meliputi:

  • Formulir yang membatasi waktu untuk mengisinya
  • Karosel gambar atau testimonial
  • Pesan kesalahan pop-up, snack bar, dan toasters
  • Teks bergerak atau ticker berita
  • Batas waktu untuk inaktivitas

Namun, ada beberapa pengecualian untuk kriteria ini, khususnya terkait dengan konten yang berkaitan dengan lelang atau acara langsung di mana batas waktu sangat penting untuk dipertahankan, dan tidak masuk akal untuk mengubahnya. Kategori pengecualian ini juga mencakup aktivitas lain yang memerlukan timer, seperti ujian kualifikasi.

Mengapa ini penting?

Pengguna dengan disabilitas sering kali membutuhkan lebih banyak waktu untuk mengonsumsi konten atau melaksanakan fungsi, dan pengaturan batas waktu dapat membuatnya sulit untuk memahami atau menggunakan halaman web.

Konten yang cepat habis waktu dapat membuat frustasi untuk digunakan, terutama ketika pengguna terpaksa memulai ulang atau kehilangan kesempatan untuk berinteraksi. Misalnya, pikirkan tentang kuis online yang memiliki timer terikat; jika pengguna tidak dapat menyelesaikannya tepat waktu, mereka harus memulai ulang. Atau dasbor online yang habis waktu setelah 15 menit inaktivitas.

Popup yang memberitahukan waktu sudah habis

Formulir panjang yang hampir sepenuhnya terisi menunjukkan modal notifikasi yang memberi tahu bahwa waktu habis dan pengguna perlu memulai ulang.

Siapa yang terpengaruh?

Pengguna low vision atau memiliki penglihatan terbatas; pengguna dengan disabilitas kognitif, membaca, atau kesulitan belajar; pengguna dengan masalah mobilitas atau motorik, dan pengguna tuli atau berkomunikasi dengan bahasa isyarat.

Pengguna low vision atau terbatas bisa kesulitan membaca dan memahami konten dengan baik jika mereka dibatasi oleh batasan waktu. Mereka mungkin kesulitan untuk mengisi formulir atau melihat konten saat menggunakan teknologi bantu untuk memproses halaman web, karena teknologi bantu memerlukan waktu lebih lama untuk mengenali layout, menemukan teks, dan memproses kontrol.

Pengguna dengan disabilitas kognitif, kesulitan membaca, dan kesulitan belajar juga akan merasa kesulitan untuk memproses semua konten di halaman, mengingat adanya batasan waktu. Mereka mungkin kehabisan waktu karena mereka membutuhkan waktu lebih lama untuk memahami informasi.

Pengguna dengan masalah mobilitas atau kontrol motorik halus mungkin kesulitan mengikuti konten yang dibatasi waktu. Mereka mungkin memiliki kapasitas yang lebih lambat untuk bereaksi, mengetik, dan menyelesaikan tindakan di halaman, sehingga lebih sulit untuk mengisi formulir atau berinteraksi dengan konten, terutama jika konten tersebut digulir otomatis atau bergerak di halaman.

Pengguna tuli dan berkomunikasi menggunakan bahasa isyarat mungkin membutuhkan lebih banyak waktu untuk membaca konten yang diterjemahkan ke dalam format teks atau untuk menonton interpretasi audio dalam bahasa isyarat di halaman tersebut.

Cara menerapkan WCAG 2.2.1

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

Kriteria keberhasilan ini dapat dibagi ke dalam beberapa kategori berbeda, jadi mari kita uraikan.

Membuat batas waktu yang aksesibel

Matikan batas waktu sesi

Ketika ada batasan waktu sesi pada sebuah halaman atau formulir, solusi yang paling sederhana adalah menyediakan cara untuk mematikan penghitung waktu. Mekanisme ini harus ditempatkan di bagian atas halaman dan tidak boleh ada batasan waktu yang terikat padanya.

Sebagai contoh, sebuah halaman yang memperbarui set 3 artikel berita setiap menit, dan ada toggle di atas artikel yang memberi pengguna kemampuan untuk mematikan timer agar mereka memiliki cukup waktu untuk membaca.

Toggle untuk mematikan timer pemaruan otomatis

Bagian di mana tiga artikel berita terdaftar dan toggle untuk mematikan timer pembaruan otomatis diaktifkan.

Sesuaikan batas waktu

Pendekatan alternatif untuk menghapus batasan waktu sesi sepenuhnya melalui mekanisme adalah memberikan pengguna opsi untuk memperpanjang batas waktu ke rentang yang ditentukan.

Sebagai contoh, proses checkout keranjang belanja mungkin habis waktu setelah 10 menit untuk memberi kesempatan pengguna lain mengambil barang tersebut. Sebuah timer yang terlihat di bagian atas halaman menyertakan tombol "Butuh lebih banyak waktu?". Mengklik tombol tersebut memungkinkan pengguna memilih untuk memperpanjang timer ke 20, 30, atau 45 menit dengan menggunakan tombol radio.

Ilustrasi halaman checkout dengan timer

Halaman checkout keranjang belanja menampilkan timer dengan tombol radio untuk memperpanjang dan menyimpan durasi timer.

Batas waktu untuk formulir

Batas waktu sesi yang diterapkan pada formulir, terutama formulir multi-bagian, harus menyertakan kotak centang untuk meminta waktu tambahan (misalnya, 20 menit) atau menonaktifkan batas waktu sama sekali. Ini sangat penting untuk formulir yang akan membuang progres pengguna jika timer sesi habis.

Berikan pemberitahuan kepada pengguna tentang batas waktu

Ketika batas waktu digunakan, sebuah dialog pemberitahuan ditampilkan untuk memperingatkan pengguna bahwa batas waktu hampir habis, bersama dengan opsi untuk menolak perpanjangan timer atau memperpanjang batas waktu.

Contoh dialog dengan timer

Dialog pemberitahuan yang memperingatkan pengguna bahwa waktu akan habis dan meminta pengguna memilih opsi untuk melanjutkan.

Konten yang bergerak atau berganti

Dalam kasus di mana konten bergerak atau berganti sesuai dengan timer, perlu ada mekanisme untuk menjeda dan memulai ulang konten tersebut. Kontrol untuk menjeda harus sesuai dengan standar WCAG 2.1.1 Keyboard dan tidak bertentangan dengan kriteria WCAG 2.1.4 Shortcuts Tombol Karakter. Kontrol untuk menjeda dan memulai ulang konten yang bergerak perlu didokumentasikan dengan jelas di halaman.

Ini dapat diterapkan pada konten seperti ticker berita, spanduk, animasi, dll.

Video player yang menampilkan siaran berita

Bagian yang menunjukkan siaran berita langsung di mana ticker berita menggulung melalui judul. Bagian kontrol ticker terlihat dengan informasi tentang cara menjeda dan memulai ulang.

Alternatif berupa konten statis

Sebagai alternatif untuk menyediakan mekanisme jeda atau mulai ulang untuk konten yang menggulung atau bergerak, kamu bisa menyediakan semua konten dalam bentuk statis di area atau jendela terpisah.

Pendekatan ini tidak boleh digunakan jika semua teks bisa ditampilkan sekaligus di layar saat ini; dalam hal ini, halaman harus menyediakan mekanisme untuk beralih layout pada halaman yang sama.

Konten atau aktivitas yang bergantung pada waktu

Seperti yang disebutkan sebelumnya, ada beberapa pengecualian terhadap kriteria ini di mana konten atau aktivitas perlu dikaitkan dengan batas waktu dan tidak harus menyertakan alternatif. Ini berlaku untuk konten yang terkait dengan:

  • Lelang dan formulir penawaran
  • Acara aksi langsung (misalnya, memilih penyanyi terbaik hari ini sebelum tengah malam)
  • Ujian kualifikasi

Namun, disarankan agar dalam jenis kasus ini, rincian tentang batas waktu dan konsekuensinya ketika timer habis dijelaskan dengan jelas. Dengan begitu, pengguna setidaknya bisa mempersiapkan diri dan tahu apa yang akan terjadi.

Atau, tawarkan alternatif di luar situs web dan tinggalkan catatan tentang siapa yang dapat dihubungi. Misalnya, sebuah administrasi universitas dapat menawarkan pendekatan ujian kualifikasi online yang berbeda sehingga pengguna dengan disabilitas dapat mengikuti ujian secara langsung tanpa batasan waktu.

Kesimpulan

Sebagai kesimpulan, batas waktu memainkan peran penting dalam konten online, mempengaruhi bagaimana pengguna berinteraksi dengan situs web dan menyelesaikan tugas. Meskipun beberapa konten memerlukan batas waktu untuk berbagai alasan, sangat penting untuk memastikan aksesibilitas dengan memungkinkan penyesuaian untuk pengguna yang mungkin membutuhkan lebih banyak waktu karena disabilitas atau faktor lainnya.

Dengan menerapkan fitur seperti batas waktu yang dapat disesuaikan, pemberitahuan, dan mekanisme jeda, kamu dapat membuat pengalaman online lebih inklusif bagi semua orang, memastikan bahwa tidak ada yang tertinggal karena batasan waktu yang ketat.