Kebolehcapaian Laman Web di PJ: Uji Borang Pertanyaan Anda

Bolehkah pelanggan melengkapkan pertanyaan anda tanpa menggunakan tetikus? Buka laman web anda, ketepikan tetikus dan gunakan Tab, Shift+Tab, Enter serta kekunci anak panah untuk mencapai borang. Jika anda tidak dapat mencari kawalan yang dipilih atau meninggalkan tetingkap timbul, laman web tersebut menyekat perjalanan pelanggan.

Kebolehcapaian adalah penting untuk orang yang menggunakan papan kekunci, pembaca skrin, pembesaran atau sentuhan, termasuk orang kurang upaya. Bagi perniagaan Petaling Jaya, mulakan dengan laluan dari halaman perkhidmatan ke borang pertanyaan daripada menambah lencana kebolehcapaian.

Ilustrasi muka depan: konsep editorial iSalesAI, bukan projek pelanggan.

Gunakan WCAG sebagai penanda aras, bukan dakwaan menyeluruh

Garis Panduan Kebolehcapaian Kandungan Web W3C 2.2 menyediakan kriteria yang boleh diuji pada Tahap A, AA dan AAA. Projek yang menyasarkan AA memerlukan skop dan penilaian yang dipersetujui. Lulus senarai semak pendek ini tidak membuktikan pematuhan penuh.

Ini adalah panduan praktikal, bukan tuntutan bahawa setiap laman web sektor swasta Malaysia mesti mematuhi WCAG 2.2 AA secara sah. Bincangkan kewajipan khusus sektor atau kontrak dengan penasihat yang berkelayakan jika berkaitan.

1. Ikuti keseluruhan perjalanan papan kekunci

Muat semula dan Tab melalui navigasi, pautan perkhidmatan, medan pertanyaan dan kawalan hantar. Bergerak ke belakang dengan Shift+Tab. Susunan harus masuk akal, kawalan harus berfungsi tanpa tetikus dan menu atau dialog tidak boleh memerangkap anda.

Uji tugas di luar halaman utama: pilih perkhidmatan, buka dan tutup menu mudah alih, pilih pilihan dan hantar maklumat ujian yang tidak berbahaya. Kawalan tersuai memerlukan tingkah laku papan kekunci yang sesuai. Label teks yang hanya bertindak balas kepada klik tetikus tidak setara dengan butang atau pautan yang dilaksanakan dengan betul.

2. Kekalkan fokus yang kelihatan dan tidak terhalang

Penunjuk fokus yang kelihatan memberitahu pengguna kawalan mana yang akan bertindak balas. Jangan buangnya untuk penampilan tanpa menyediakan pengganti yang jelas. Semak ia terhadap kedua-dua bahagian terang dan gelap.

WCAG 2.2 AA’s kriteria Focus Not Obscured (Minimum) menghendaki kawalan yang difokuskan tidak sepenuhnya tersembunyi oleh kandungan yang dibuat oleh penulis. Pengepala lekat, sepanduk kuki dan panel sembang terapung boleh mengganggu. Minimum AA ini tidak memerlukan seluruh kawalan sentiasa kelihatan; sasarkan kebolehgunaan yang selesa melebihi minimum.

Tab ke medan pertanyaan terakhir semasa kandungan tetap ada. Bolehkah anda melihat input yang dipilih dan arahannya? Jika tidak, semak tindanan atau susun atur.

3. Gunakan label bermakna yang kekal kelihatan

Nama medan harus kekal mudah difahami selepas menaip. Pemegang tempat yang hilang bukan pengganti yang baik untuk label yang berterusan. Sambungkan label ke medan supaya teknologi bantuan dapat mengenal pasti mereka.

Tandakan medan yang diperlukan dengan jelas dalam teks dan secara programatik. Jelaskan format telefon dan sekatan fail sebelum penyerahan. Elakkan simbol yang tidak dijelaskan atau arahan yang kabur seperti “Masukkan butiran yang sah”. Minta hanya maklumat yang diperlukan untuk pertanyaan awal.

4. Jadikan ralat boleh dipulihkan

Hantar borang ujian yang tidak lengkap. Respons harus mengenal pasti masalah dan menjelaskan cara untuk memperbaikinya tanpa memadamkan entri lain. Sempadan merah sahaja tidak mencukupi: warna mungkin tidak dapat dilihat, dan pembaca skrin memerlukan maklumat ralat yang berkaitan.

Semak sama ada mesej disambungkan ke medannya dan diumumkan dengan sewajarnya. Selepas pembetulan, pelawat harus meneruskan tanpa memulakan semula. Penyerahan yang berjaya juga memerlukan pengesahan yang mudah difahami, bukan hanya butang yang menjadi tidak aktif.

5. Semak kawalan sentuhan kecil

WCAG 2.2 AA’s kriteria Target Size (Minimum) menetapkan 24 kali 24 piksel CSS untuk sasaran penunjuk, tertakluk kepada pengecualian jarak, kawalan setara, teks dalam talian, ejen pengguna dan pembentangan penting.

Ini tidak bermakna setiap pautan dalam ayat mesti menjadi blok besar. Ini bermakna ikon kecil yang bersebelahan dan kawalan kendiri yang padat memerlukan semakan. Beri tindakan penting saiz dan pemisahan yang murah hati daripada mereka bentuk kepada pengecualian sekecil mungkin.

6. Semak zum, kontras dan makna

Tingkatkan zum pelayar dan besarkan teks. Pastikan label melilit, butang kekal tersedia dan arahan tidak terpotong. Semak kontras teks dan kawalan dengan penyemak kontras; warna yang menarik tidak semestinya mudah dibaca.

Berikan imej bermaklumat teks alternatif yang bermakna dan imej hiasan teks alternatif kosong jika sesuai. Jangan letakkan butiran hubungan penting, harga atau arahan hanya di dalam imej.

Untuk versi Bahasa Inggeris, Bahasa Malaysia dan Cina, semak maklumat dan label bahasa secara berasingan. Panjang teks yang berbeza boleh mendedahkan pemotongan yang tidak ditunjukkan oleh halaman Bahasa Inggeris.

7. Gabungkan alat dengan penggunaan sebenar

Imbasan automatik boleh menandakan beberapa nama yang hilang, isu kontras dan masalah struktur. Mereka tidak dapat memutuskan sama ada arahan masuk akal atau sama ada pelanggan boleh menyelesaikan pertanyaan.

Gabungkan imbasan dengan ujian papan kekunci, semakan pembaca skrin dan, jika mungkin, maklum balas daripada pengguna teknologi bantuan. Rekod halaman, tugas, isu dan langkah reproduksi. Betulkan halangan impak tinggi dahulu dan uji semula selepas perubahan.

Apa yang perlu disertakan dalam penyerahan projek

• Perjalanan dan halaman pelanggan yang dinilai.
• Kaedah ujian papan kekunci dan pembaca skrin.
• Penemuan untuk label, ralat, fokus, zum dan sentuhan.
• Bukti ujian semula dan isu yang belum diselesaikan.
• Alat tempahan, pembayaran dan sembang pihak ketiga yang termasuk dalam skop.

Penyerahan yang berguna menyediakan penemuan, bukan janji “100% boleh diakses” yang tidak disokong. Semak semula kebolehcapaian apabila borang baharu, tetingkap timbul atau alat terbenam mengubah perjalanan pelanggan.

Bacaan berkaitan: asas privasi dan kebolehcapaian laman web dan prestasi laman web mudah alih.

Jadikan pertanyaan lebih mudah untuk dilengkapkan

Terokai perkhidmatan reka bentuk web Petaling Jaya kami atau anggar skop laman web anda. WhatsApp iSalesAI tentang borang pertanyaan anda dengan URL halaman dan tugas yang sukar dilakukan oleh pelanggan.