Borang hubungan yang mesra kebolehcapaian dan Akta Kebolehcapaian Eropah

Borang hubungan sering menjadi satu-satunya pintu antara pelawat dengan perniagaan anda. Jika pintu itu hanya boleh dibuka dengan tetikus, penglihatan yang baik dan kesabaran menyelesaikan teka-teki gambar kabur, sesetengah orang hanya kekal di luar. Sejak pertengahan 2025, ini bukan lagi sekadar persoalan kebolehgunaan: bagi banyak perniagaan yang menjual kepada pengguna di EU, ia telah menjadi persoalan undang-undang.

Perkara yang diliputi oleh Akta Kebolehcapaian Eropah

Akta Kebolehcapaian Eropah (Arahan (EU) 2019/882) telah terpakai sejak 28 Jun 2025. Ia menetapkan keperluan kebolehcapaian bagi produk dan perkhidmatan tertentu yang ditawarkan kepada pengguna — antaranya e-dagang, perkhidmatan perbankan pengguna, e-buku, komunikasi elektronik dan sebahagian pengangkutan penumpang. Bagi laman web, ini bermaksud kedai dalam talian atau perkhidmatan perbankan secara keseluruhan, termasuk borang yang digunakan pelanggan untuk menghubungi anda, bertanya soalan atau membuat aduan. Perusahaan mikro yang menyediakan perkhidmatan dikecualikan: perniagaan dengan kurang daripada sepuluh pekerja dan perolehan tahunan atau jumlah kunci kira-kira tidak melebihi EUR 2 juta. Tawaran yang ditujukan semata-mata kepada perniagaan lain secara amnya di luar skopnya.

Setiap negara anggota telah memasukkan arahan itu ke dalam undang-undang negara. Di Jerman, ia ialah Barrierefreiheitsstärkungsgesetz (BFSG); di Poland, akta 2024 untuk memastikan produk dan perkhidmatan tertentu memenuhi keperluan kebolehcapaian. Pihak berkuasa penyeliaan dan penalti berbeza antara negara, tetapi ukuran teknikalnya secara amnya sama: dalam amalan, piawaian Eropah EN 301 549, yang pula berasaskan Garis Panduan Kebolehcapaian Kandungan Web (WCAG).

Mengapa ia berbaloi walaupun tanpa kewajipan undang-undang

Mungkin perniagaan anda dikecualikan, atau anda hanya berkhidmat kepada syarikat lain. Borang yang mesra kebolehcapaian masih berbaloi atas sebab mudah: setiap orang yang berputus asa di tengah jalan ialah pertanyaan yang tidak pernah anda terima. Pembaikan yang membantu pengguna pembaca skrin juga membantu seseorang yang mengisi borang pada telefon dalam kereta api, di bawah cahaya matahari terang, dengan pergelangan tangan patah atau dalam bahasa kedua. Label yang jelas dan mesej ralat yang membantu bermaksud kurang borang ditinggalkan oleh semua orang — dan tiada satu pun melemahkan perlindungan spam anda.

Senarai semak praktikal dengan rujukan WCAG 2.2

• Label kelihatan yang dipautkan kepada inputnya (1.3.1, 3.3.2): setiap medan mempunyai label kelihatan yang disambungkan melalui for/id. Teks pemegang tempat sahaja bukan label — ia hilang sebaik sahaja seseorang mula menaip.
• Mesej ralat yang menerangkan pembaikan (3.3.1, 3.3.3): namakan medan, nyatakan kesilapan dan cara membetulkannya — dalam teks, bukan hanya dengan sempadan merah. «Sila masukkan alamat e-mel seperti name@example.com» lebih baik daripada «Input tidak sah».
• Pengendalian sepenuhnya dengan papan kekunci (2.1.1, 2.1.2): setiap medan, kotak semak, CAPTCHA dan butang hantar boleh dicapai dan digunakan dengan Tab, Space dan Enter, tanpa perangkap papan kekunci.
• Fokus kelihatan (2.4.7): anda sentiasa dapat melihat medan yang aktif. Membuang garis luar fokus pelayar tanpa pengganti gagal memenuhi kriteria ini.
• Kontras mencukupi (1.4.3): teks, label dan mesej ralat mempunyai nisbah kontras sekurang-kurangnya 4.5:1 terhadap latar belakang (3:1 bagi teks besar).
• Saiz sasaran (2.5.8): butang, kotak semak dan pautan sekurang-kurangnya 24 × 24 piksel CSS, atau mempunyai ruang yang mencukupi di sekelilingnya.
• Alternatif CAPTCHA (1.1.1) dan pengesahan yang mesra kebolehcapaian (3.3.8): 1.1.1 memerlukan alternatif teks dan CAPTCHA dalam lebih daripada satu bentuk deria; 3.3.8 secara khusus meliputi langkah log masuk, tetapi ideanya boleh diterapkan — teka-teki seperti menaip semula huruf terherot atau menyelesaikan hasil tambah tidak sepatutnya menjadi satu-satunya laluan. Tawarkan alternatif atau gunakan kaedah yang tidak memerlukan teka-teki langsung.
• Medan perangkap disembunyikan daripada teknologi bantuan: pembalut medan perangkap mendapat aria-hidden="true" dan medan mendapat tabindex="-1", supaya pengguna pembaca skrin dan papan kekunci tidak pernah tiba padanya.

CAPTCHA dan medan perangkap: tempat perlindungan spam bertemu kebolehcapaian

Secara khusus, kriteria 3.3.8 berkaitan langkah log masuk dan pengesahan, bukan borang hubungan. Namun, idea di sebaliknya sesuai diterapkan: menaip huruf terherot, menyelesaikan hasil tambah atau memilih lampu isyarat daripada grid gambar mengecualikan sesetengah orang sepenuhnya. Pilihan yang biasanya berfungsi tanpa sebarang teka-teki — seperti Cloudflare Turnstile, Friendly Captcha, medan perangkap digabungkan dengan semakan masa atau penapisan pada pelayan seperti Akismet — menghalang spam tanpa meminta pelawat membuktikan apa-apa. Medan perangkap hanya mesra jika benar-benar tidak kelihatan, termasuk kepada pembaca skrin dan pengguna papan kekunci:

<div class="hp" aria-hidden="true">
  <label for="hp-website">Biarkan medan ini kosong</label>
  <input type="text" id="hp-website" name="website"
         tabindex="-1" autocomplete="off">
</div>
<!-- CSS: .hp { position: absolute; left: -10000px; } -->

Uji borang anda sendiri dalam lima belas minit

1. 1Ketepikan tetikus dan isi seluruh borang menggunakan papan kekunci sahaja. Bolehkah anda mencapai setiap medan dan butang hantar, dan adakah anda sentiasa dapat melihat kedudukan anda?
2. 2Hantar borang kosong, kemudian dengan alamat e-mel yang salah. Adakah ralat muncul sebagai teks di sebelah medan yang betul, dan adakah tindakan yang diperlukan jelas?
3. 3Buka halaman pada telefon atau zum pelayar kepada 200%. Adakah semuanya boleh dibaca, adakah butang mudah diketuk, dan adakah sepanduk kuki atau gajet sembang menutupi butang hantar?
4. 4Hidupkan pembaca skrin (VoiceOver, NVDA atau TalkBack) dan dengar: adakah setiap medan diumumkan dengan labelnya, dan adakah medan perangkap kekal senyap?
5. 5Jalankan semakan automatik seperti axe-core. Ia mencari label yang tiada dan masalah kontras dengan cepat, tetapi bukan semuanya — langkah manual di atas masih diperlukan.

Jika anda lebih suka bermula dengan gambaran umum, formexposed melihat borang awam anda dari luar tanpa menghantar apa-apa. Semakan kebolehcapaiannya menjalankan axe-core pada setiap borang, menandakan CAPTCHA tanpa alternatif yang sesuai dari segi kebolehcapaian serta medan perangkap yang diumumkan oleh pembaca skrin, dan melihat borang pada telefon — sasaran ketikan, tindihan yang menutupi butang hantar, penatalan mendatar. Semakan percuma menunjukkan tahap keseluruhan; butiran ini berada dalam laporan penuh. Ia titik permulaan yang baik untuk senarai di atas, bukan pengganti ujian dengan orang sebenar.