Intinya...

Jika audio diputar otomatis selama lebih dari 3 detik, harus ada cara untuk

  • menjeda audio,
  • memberhentikan audio, atau
  • mengatur volume,

tanpa menggunakan kontrol dari sistem utama.

Apa itu?

WCAG 1.4.2 berfokus pada kemampuan untuk mengontrol audio di halaman web. Ini bisa berupa konten audio saja atau juga video dengan audio. Tujuan utama adalah memberikan pengguna kemampuan untuk menaikkan atau menurunkan volume secara terpisah untuk setiap konten yang memutar audio, terutama jika trek audio lebih panjang dari 3 detik.

Mengapa ini penting?

Pengguna yang menavigasi halaman web dengan screen reader dapat merasa kesulitan untuk mengikuti output suara saat trek audio diputar secara otomatis atau ketika mereka tidak dapat mengontrol volume konten tersebut secara terpisah.

Biasanya, screen reader menggunakan volume sistem, dan idealnya, kamu ingin konten memiliki kontrol volume terpisah sehingga pengguna dapat menyesuaikan sumber suara yang berbeda sesuai preferensi mereka.

Siapa yang terpengaruh?

Pengguna low vision dan penglihatan terbatas, pengguna dengan kesulitan membaca atau gangguan belajar, dan pengguna dengan gangguan kognitif.

Pengguna dengan gangguan penglihatan seperti penglihatan terbatas atau rendah memerlukan screen reader untuk menavigasi halaman web. Ketika kontrol audio yang tepat tidak disediakan untuk konten, seluruh halaman web bisa menjadi tidak dapat digunakan karena suara yang bertentangan antara konten dan output screen reader.

Pengguna dengan gangguan belajar atau kognitif juga menggunakan screen reader dan mungkin merasa kesulitan untuk fokus pada konten visual (termasuk teks) saat audio diputar.

Cara menerapkan WCAG 1.4.2

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

Untuk memenuhi WCAG 1.4.2 terkait Kontrol Audio, kamu perlu mengimplementasikan salah satu teknik berikut.

Putar suara hanya berdasarkan permintaan pengguna

Teknik yang disarankan adalah memastikan bahwa audio yang disertakan di halaman hanya diputar berdasarkan permintaan manual dari pengguna. Kontrol audio mencakup semua fungsi yang diharapkan:

  • Putar audio
  • Jeda audio
  • Matikan audio (jika diputar bersama video)
  • Naik/turunkan volume audio

Suara otomatis saat halaman dimuat

Jika suara diputar otomatis saat halaman dimuat, pastikan suara tersebut tidak lebih dari 3 detik. Setelah 3 detik, suara dari konten harus berhenti atau kamu harus menyediakan kontrol suara sesuai dengan teknik berikut.

Menyediakan kontrol suara dekat dengan bagian atas halaman

Jika halaman harus memutar audio otomatis lebih dari 3 detik, maka kontrol harus disediakan di dekat bagian atas halaman untuk memberikan opsi kepada pengguna untuk mematikan suara dengan cepat. Kontrol ini harus:

  • Dapat dioperasikan hanya dengan keyboard
  • Terletak di awal urutan pembacaan
  • Diberi label jelas sebagai kontrol untuk suara yang sedang diputar
  • Dapat menaikkan atau menurunkan volume untuk trek audio spesifik

Potongan halaman web yang menampilkan tautan, paragraf, dan video player

Konten audio disediakan dengan kontrol untuk memutar dan menyesuaikan volume. Tautan terpisah yang ditempatkan di bagian atas halaman web memungkinkan pengguna untuk mematikan audio lebih awal di halaman.

Kesimpulan

Kontrol audio sangat penting bagi pengguna yang mengandalkan teknologi bantuan screen reader. Output audio yang bertentangan dapat membuat seluruh halaman web tidak dapat digunakan dan sulit dipahami. Ini menjadikannya sangat penting agar konten menyediakan cara bagi pengguna untuk mengelola audio sesuai kebutuhan mereka.