Menarik lebih banyak pembaca dengan situs yang sesuai dengan kebutuhan semua orang
Dengan membuat situs web Anda dapat diakses oleh penyandang cacat, akhirnya Anda membuat dapat diakses oleh semua orang. Bahkan, membuat situs web Anda lebih mudah diakses bahkan dapat membantu orang menemukan situs web Anda di mesin telusur. Mengapa? Karena mesin telusur menggunakan beberapa sinyal yang sama yang dilakukan pembaca layar untuk menemukan dan memahami konten situs web Anda.
Tetapi bagaimana Anda membuat situs web yang mudah diakses tanpa menjadi ahli pengkodean?
Berikut adalah beberapa tips dan trik yang hampir semua orang dengan pengetahuan HTML dasar dapat digunakan untuk meningkatkan aksesibilitas situs web mereka.
Alat Aksesibilitas Web
W3C memiliki daftar alat aksesibilitas web yang fantastis yang dapat Anda gunakan sebagai pemeriksa untuk menemukan potensi masalah dengan situs web Anda. Yang mengatakan, saya masih menyarankan melakukan penjelajahan dengan pembaca layar dan mengalaminya sendiri.
Bacaan Terkait: Apa itu Teknologi Bantu dan Bagaimana Cara Kerjanya?
Memahami Pembaca Layar
Salah satu cara terpenting untuk meningkatkan aksesibilitas situs web Anda adalah memastikannya dapat dipahami oleh pembaca layar. Pembaca layar menggunakan suara yang disintesis untuk membaca teks di layar. Kedengarannya cukup mudah; namun, pembaca layar mungkin tidak memahami situs web Anda seperti yang Anda lakukan saat ini.
Hal pertama yang Anda mungkin ingin lakukan adalah mencoba pembaca layar dan melihat bagaimana kelanjutannya. Jika Anda menggunakan Mac, coba gunakan VoiceOver.
- Pergi ke System Preferences.
- Pilih Aksesibilitas.
- Pilih VoiceOver.
- Centang kotak untuk Mengaktifkan VoiceOver.
Anda dapat mengaktifkan dan menonaktifkannya menggunakan perintah-F5.
Jika Anda menggunakan mesin Windows, Anda mungkin ingin mengunduh NVDA. Anda dapat mengaturnya untuk mengaktifkan dan menonaktifkan dengan kontrol pintas + alt + n.
Kedua pembaca layar beroperasi dengan membiarkan pengguna menavigasi dengan keyboard (ini masuk akal - jika Anda tidak dapat melihat, menggunakan mouse akan menjadi tantangan) dan dengan menciptakan area fokus untuk navigasi. Fokusnya adalah pada dasarnya di mana keyboard "runcing," tetapi biasanya ditampilkan sebagai kotak yang disorot di sekitar objek fokus bukan kursor.
Anda dapat mengubah nada suara dan kecepatan pembacaan suara jika pengaturan default mengganggu (dan setelah sekitar lima menit mendengarkan pembacaan suara lambat standar, biasanya begitu). Orang buta biasanya membaca situs web dengan pembaca layar mereka diatur ke kecepatan tinggi.
Mungkin membantu untuk menutup mata saat Anda melakukan ini, tetapi itu juga dapat membantu membuat mereka tetap terbuka dan membandingkan. Beberapa hal yang Anda dapat segera perhatikan ketika Anda mencoba mendengarkan situs web Anda adalah beberapa teks mungkin rusak. Tajuk dan tabel bisa dibuat campur aduk. Gambar dapat dilewati atau mereka mungkin mengatakan "gambar" atau sesuatu yang sama sekali tidak membantu. Tabel cenderung dibaca sebagai serangkaian item tanpa konteks.
Anda dapat, semoga, memperbaiki ini.
Alt-Tag atau Atribut Alternatif
Atribut alt-tag atau alternatif (alt) digunakan dalam HTML untuk menggambarkan gambar. Dalam HTML, terlihat seperti ini:
Bahkan jika Anda membuat situs web Anda dengan alat visual yang menyembunyikan kode HTML Anda, Anda hampir selalu memiliki kesempatan untuk memasukkan deskripsi gambar. Anda tidak dapat memasukkan apa pun (alt = "") tetapi akan lebih baik untuk memberikan gambaran yang bermanfaat kepada setiap gambar. Jika Anda buta, apa yang perlu Anda ketahui tentang gambar itu? "Wanita" tidak banyak membantu, tapi mungkin "Gambar wanita mendesain bagan alur termasuk aksesibilitas, kegunaan, pencitraan merek, dan desain."
Teks Judul
Situs web tidak selalu menampilkan tag judul HTML, tetapi ini berguna untuk pembaca layar. Pastikan setiap halaman situs web Anda memiliki judul yang deskriptif (tetapi tidak terlalu verbose) yang memberi tahu pengunjung tentang isi halaman tersebut.
Berikan Hierarki Informasi Bagus untuk Situs Web Anda
Pisahkan sebagian besar teks dengan header, dan, jika mungkin, gunakan header dengan hierarki H1, H2, H3 dengan tepat. Tidak hanya membuat situs web Anda lebih mudah untuk pembaca layar, itu membuatnya lebih mudah untuk orang lain. Ini juga merupakan sinyal bagus bagi Google dan mesin pencari lainnya untuk membantu mereka mengindeks situs web Anda dengan lebih baik.
Demikian pula, Anda harus memastikan situs web Anda dalam urutan konten yang logis dan Anda tidak memiliki kotak informasi yang tidak terkait yang muncul. Jika Anda menggunakan iklan, perhatikan bahwa iklan Anda tidak terlalu mengganggu dan terlalu sering melanggar teks di situs web Anda.
Buat Tabel Lebih Baik
Jika Anda menggunakan tabel HTML, Anda dapat menambahkan keterangan ke tabel Anda menggunakan tag untuk membuatnya lebih mudah dipahami oleh pembaca layar daripada hanya membuat judul tabel dalam teks tebal. Anda juga dapat menambahkan elemen "lingkup" dan dengan jelas memberi label baris dan kolom baru di tabel Anda sehingga pembaca layar tidak hanya menggumamkan serangkaian sel tabel tanpa memberikan konteks apa pun.
Navigasi Keyboard
Secara umum, apa pun yang Anda letakkan di situs web Anda haruslah sesuatu yang dapat dibayangkan oleh seseorang hanya dengan menggunakan keyboard saja. Itu berarti tombol navigasi Anda tidak boleh menjadi tombol dropdown animasi jika Anda tidak dapat menggunakannya dengan pembaca layar (coba dan lihat jika Anda tidak yakin - beberapa tombol diprogram untuk penggunaan keyboard.)
Keterangan tertutup
Jika Anda menambahkan video atau elemen audio ke situs web Anda, mereka harus memiliki teks. HTML5 dan banyak layanan streaming video (seperti YouTube) menawarkan dukungan teks tertutup. Teks tertutup berguna tidak hanya untuk aksesibilitas tetapi juga bagi pengguna yang mungkin menjelajahi situs web Anda di suatu tempat di mana mereka tidak dapat memutar audio, seperti di kantor atau di lokasi yang bising.
Untuk podcast atau elemen audio lainnya, pertimbangkan untuk menyediakan transkrip teks. Tidak hanya itu berguna untuk orang yang tidak bisa mendengarkan audio, memiliki teks akan mempermudah Google dan mesin pencari lainnya untuk mengindeks konten itu dan membantu peringkat Google Anda .
ARIA
Jika Anda ingin pergi ke tingkat lanjutan aksesibilitas, HTML5 ARIA atau WAI-ARIA spesifikasi bertujuan untuk menjadi standar baru ke depan. Namun, ini adalah manual teknis yang rumit (dan berkembang), sehingga apa yang dapat Anda lakukan adalah menggunakan validator ARIA untuk memindai untuk melihat apakah situs web Anda memiliki masalah apa pun yang dapat Anda tangani. Mozilla juga memiliki panduan yang lebih mudah untuk memulai dengan ARIA.