Prinsip desain web yang telah berusia puluhan tahun untuk menghindari klik di sini sebagai teks tautan telah memicu perdebatan segar di kalangan developer, menyoroti ketegangan yang berkelanjutan antara pedoman aksesibilitas dan pengalaman pengguna praktis. Meskipun W3C telah lama merekomendasikan untuk menghindari teks tautan generik, diskusi komunitas mengungkapkan bahwa masalah ini jauh lebih bernuansa daripada yang awalnya disajikan.
Navigasi Screen Reader Menciptakan Tantangan Unik
Argumen utama menentang tautan klik di sini berpusat pada aksesibilitas untuk pengguna dengan gangguan penglihatan. Screen reader menawarkan mode navigasi yang mencantumkan semua tautan pada halaman tanpa konteks, yang berarti pengguna hanya akan mendengar klik di sini berulang kali tanpa memahami fungsi setiap tautan. Hal ini menciptakan hambatan signifikan bagi orang-orang yang bergantung pada teknologi bantu untuk menjelajahi web.
Namun, komunitas telah mengidentifikasi beberapa solusi teknis untuk mengatasi kekhawatiran ini. Standar web modern mencakup atribut ARIA yang dapat memberikan konteks tambahan khusus untuk screen reader sambil mempertahankan teks visual yang lebih sederhana untuk pengguna lain. Teknik-teknik ini memungkinkan developer untuk mendapatkan yang terbaik dari kedua dunia - ajakan bertindak yang jelas untuk pengguna yang dapat melihat dan konteks deskriptif untuk teknologi bantu.
Atribut ARIA (Accessible Rich Internet Applications) adalah tag HTML yang memberikan informasi tambahan tentang elemen halaman kepada teknologi bantu seperti screen reader.
Atribut Aksesibilitas ARIA untuk Tautan:
aria-label: Mengganti nama yang dapat diakses dari tautanaria-labelledby: Merujuk elemen lain yang mendeskripsikan tautanaria-describedby: Menambahkan teks deskripsi tambahantitle: Menyediakan konteks tambahan saat hover (dukungan screen reader terbatas)
Pengalaman Pengguna vs. Standar Aksesibilitas
Banyak developer berargumen bahwa alternatif yang direkomendasikan W3C sering kali menciptakan lebih banyak kebingungan daripada kejelasan. Pendekatan yang disarankan untuk menautkan hanya kata benda seperti Amaya alih-alih frasa tindakan dapat membuat pengguna tidak yakin tentang apa yang akan terjadi ketika mereka mengklik. Hal ini sangat bermasalah untuk tautan unduhan, di mana pengguna perlu mengetahui apakah mereka akan mendapatkan unduhan file langsung atau navigasi ke halaman lain.
Contoh 'buruk' mereka sangat jelas. Saya akan mengklik tautan dan itu akan langsung mengunduh, atau itu akan menjadi halaman unduhan. Sebaliknya, 'Dapatkan Amaya!' menunjukkan tautan ke situs web Amaya, bukan halaman unduhan.
Perdebatan ini mengungkapkan ketidaksepakatan mendasar tentang apakah tautan harus mendeskripsikan tujuan (kata benda) atau tindakan (kata kerja). Sementara advokat aksesibilitas mendorong teks tautan deskriptif yang berfungsi tanpa konteks, desainer pengalaman pengguna sering kali lebih menyukai bahasa yang berorientasi pada tindakan yang jelas dan memberi tahu pengguna persis apa yang diharapkan.
Panduan Teks Tautan yang Direkomendasikan W3C :
- Berikan informasi ketika dibaca di luar konteks
- Jelaskan apa yang ditawarkan tautan tersebut
- Jangan merujuk pada mekanisme teknis
- Hindari frasa kata kerja dalam teks tautan
- Gunakan kata benda deskriptif alih-alih istilah umum
Desain Web Modern Memperumit Aturan Tradisional
Web saat ini menghadirkan tantangan yang tidak ada ketika pedoman ini pertama kali ditetapkan pada tahun 2001. Antarmuka sentuh sebagian besar telah menggantikan klik mouse, membuat terminologi klik di sini agak ketinggalan zaman. Selain itu, situs web modern sering kali menghilangkan gaya tautan tradisional seperti garis bawah dan teks biru, membuatnya lebih sulit bagi pengguna untuk mengidentifikasi elemen yang dapat diklik tanpa instruksi eksplisit.
Kebangkitan browsing mobile juga telah memperkenalkan pertimbangan baru. Target sentuh perlu cukup besar untuk navigasi jari, dan tautan klik di sini sering kali terlalu pendek untuk menyediakan area sentuh yang memadai. Hal ini menciptakan masalah kegunaan yang melampaui kekhawatiran aksesibilitas asli.
Contoh Teks Link Alternatif:
| Praktik Buruk | Praktik yang Lebih Baik | Praktik Terbaik |
|---|---|---|
| Klik di sini | Amaya | Unduh Amaya |
| Klik di sini untuk mempelajari lebih lanjut | Beritahu saya lebih lanjut | Pelajari lebih lanjut tentang Amaya |
| Pergi ke website | Website Amaya | Kunjungi beranda Amaya |
Menemukan Jalan Tengah Melalui Implementasi yang Lebih Baik
Daripada sepenuhnya menghindari teks tautan yang berorientasi pada tindakan, banyak developer sekarang mengadvokasi pendekatan yang lebih deskriptif yang menggabungkan yang terbaik dari kedua dunia. Alih-alih klik di sini generik atau kata benda telanjang, mereka menyarankan frasa seperti Unduh installer Amaya atau Baca dokumentasi Amaya yang dengan jelas menunjukkan baik tindakan maupun tujuan.
Diskusi ini juga menyoroti pentingnya semantik HTML yang tepat. Menggunakan tombol untuk tindakan dan tautan untuk navigasi dapat membantu memperjelas elemen antarmuka pengguna sambil mempertahankan aksesibilitas. Pendekatan ini memungkinkan developer untuk menggunakan bahasa yang sesuai untuk setiap jenis interaksi tanpa mengorbankan kegunaan atau aksesibilitas.
Perdebatan yang berkelanjutan menunjukkan bahwa aksesibilitas web bukan hanya tentang mengikuti aturan yang kaku, tetapi tentang memahami cara-cara beragam orang berinteraksi dengan konten digital. Seiring teknologi web terus berkembang, tantangannya tetap menemukan solusi yang berfungsi dengan baik untuk semua orang, terlepas dari bagaimana mereka mengakses dan menavigasi informasi online.
Referensi: Don't use click here as link text