Intinya...

Jika tersedia, elemen bantuan seperti chat, kontak, atau panduan harus selalu muncul di lokasi yang konsisten di setiap halaman.

Apa itu WCAG 3.2.6?

Jika sebuah situs web menawarkan opsi atau informasi untuk membantu pengguna dengan pertanyaan atau masalah, penempatannya di halaman-halaman yang relevan harus konsisten dan tetap dalam urutan yang sama dibandingkan dengan elemen lain di halaman tersebut. Misalnya, jika jam operasional ada di footer halaman utama, jam tersebut harus tetap berada di footer pada semua halaman lain yang mencakup jam tersebut.

Opsi atau rincian bantuan bisa mencakup:

  • Formulir kontak atau sistem obrolan untuk menghubungi tim dukungan manusia
  • Chatbot untuk menghubungi sistem otomatis
  • Informasi kontak seperti nomor telepon, alamat email, jam operasional
  • Opsi self-help seperti halaman dokumentasi atau bagian pertanyaan yang sering diajukan

Perlu diingat, aturan ini tidak mengharuskan situs web kamu menawarkan opsi atau rincian bantuan, tetapi jika tersedia, mereka harus berada di tempat yang konsisten. Ini juga hanya berlaku untuk halaman yang relevan dan terkait—jika situs kamu memiliki subdomain dengan konten atau fungsi yang berbeda, maka penempatannya bisa berbeda.

Tujuan dari aturan ini adalah untuk memastikan bahwa penempatan rincian dan opsi bantuan konsisten dan mudah ditemukan.

Informasi kontak berada konsisten pada footer

Dua halaman di situs web pemasaran di mana informasi perusahaan, seperti nomor telepon, alamat email, dan jam operasional, tetap konsisten di footer kedua halaman tersebut.

Mengapa ini penting?

Ketika opsi atau detail bantuan tersebar di berbagai halaman, pengguna mungkin kesulitan menemukan bantuan yang mereka butuhkan. Memindahkan tautan kontak, pop-up chatbot, atau bagian FAQ di antara halaman yang serupa dapat membingungkan pengguna saat menjelajah situs web.

Misalnya, bayangkan melihat tautan "Kontak Kami" di header halaman Home. Lalu, kamu mengunjungi halaman Features dan memiliki pertanyaan. Kamu akan mengharapkan tautan "Kontak Kami" masih berada di header, tetapi sekarang tautan tersebut berada di bagian bawah sidebar. Kamu mungkin merasa frustrasi dan meninggalkan halaman tanpa mengajukan pertanyaan.

Contoh buruk perubahan letak tautan

Dua halaman di sebuah situs web yang letak tautan 'Contact Us' muncul di header pada satu halaman, tetapi di halaman kedua terletak di sidebar.

Siapa yang terpengaruh?

Pengguna dengan disabilitas kognitif, pengguna low vision atau memiliki keterbatasan penglihatan, dan pengguna netra.

Pengguna dengan disabilitas kognitif mungkin kesulitan menemukan bantuan saat mereka terjebak atau memiliki pertanyaan, jadi menjaga opsi bantuan di tempat yang sama memungkinkan mereka untuk menghindari pencarian bantuan tersebut di setiap halaman.

Pengguna low vision dan netra mungkin menggunakan teknologi bantu untuk menavigasi halaman. Menjaga opsi bantuan di tempat yang sama secara programatis memudahkan mereka untuk menemukan tautan yang dibutuhkan, tidak peduli halaman mana yang sedang mereka kunjungi.

Cara menerapkan WCAG 3.2.6

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

Berikan opsi bantuan di lokasi yang konsisten

Pertama, telusuri halaman-halaman di situs web kamu dan tentukan grup halaman mana yang membentuk set terkait. Misalnya, halaman pemasaran seperti “Home,” “Features,” dan “About” bisa menjadi bagian dari satu set yang sama. Atau, sebuah blog di mana setiap posting menggunakan template yang serupa akan dianggap sebagai satu set halaman yang unik.

Selanjutnya, temukan semua opsi atau informasi yang membantu yang termasuk dalam kategori ini (jika ada):

  • Rincian Kontak
  • Formulir kontak atau sistem pesan
  • Opsi self-help, seperti bagian FAQ atau tautan ke halaman dokumentasi
  • Chatbots

Saat kamu meninjau setiap halaman dalam set yang relevan, pastikan opsi-opsi ini berada di tempat yang sama baik secara visual maupun programatis. Ini berarti penempatan terlihat sama di seluruh halaman dan urutan tab juga serupa.

Contoh baik konsistensi peletakan widget chatbot dan lewati blok

Widget chatbot terletak di pojok kanan bawah kedua halaman, dan tautan 'Skip to Chatbot' juga secara konsisten menjadi tautan pertama yang dapat dijangkau pengguna saat menekan tombol tab di kedua halaman tersebut.

Ubah ukuran browser atau pengaturan zoom

Mengubah ukuran halaman dapat menyebabkan tata letak berubah atau bergeser, yang berarti informasi kontak atau opsi bantuan mungkin berpindah dari lokasi yang diharapkan. Namun, ini hanya efek samping dari desain responsif dan adaptif dan dianggap sebagai pengecualian untuk kriteria keberhasilan ini.

Namun, perlu dicatat, meskipun opsi bantuan tidak harus konsisten di berbagai tingkat zoom atau ukuran jendela yang berbeda, mereka harus tetap konsisten dalam set halaman pada tingkat zoom dan ukuran jendela tertentu yang sedang kamu uji.

Contoh navigasi pada desktop dan tablet yang berbeda tapi masih konsisten

Dua jendela browser, satu ukuran desktop dan yang lainnya ukuran tablet. Menu header berubah dari lebar penuh di seluruh halaman menjadi gaya hamburger yang muncul, lokasi tombol kontak berubah, namun tidak diharapkan agar ukuran jendela yang berbeda tetap konsisten dengan opsi bantuan mereka.

Kesimpulan

Secara keseluruhan, WCAG 3.2.6 berfokus pada menjaga opsi bantuan di tempat yang sama di seluruh halaman terkait di situs web kamu. Konsistensi ini membuatnya lebih mudah untuk semua orang, terutama mereka yang memiliki disabilitas kognitif atau penglihatan, untuk menemukan dukungan yang mereka butuhkan tanpa merasa frustrasi.