Aksesibilitas Web 101: Mendesain untuk Semua

Desain web adalah tentang aksesibilitas. Sebagian besar desainer web bertujuan untuk membuat produk untuk sebagian besar orang di dalam audiens mereka, mengeluarkan desain mereka seperti jaring yang menganga untuk menghasilkan arus pengguna terbesar.

Dan meskipun ada logika untuk prinsip desain itu, prinsip itu menutupi prinsip yang agak lebih sederhana dan lebih inklusif: Desain untuk semua orang, bukan kebanyakan orang.

Optimalkan konten sehingga setiap pengguna yang memungkinkan dapat menikmati dan berinteraksi dengan situs web Anda serta mengakses informasi dan data yang tersedia. Terlibat dalam praktik ini akan membantu mengembangkan pasar yang lebih luas dan mendiversifikasi basis pelanggan Anda. 15% dari populasi dunia memiliki beberapa tingkat kecacatan.

Ini adalah orang-orang yang, seperti orang lain, sering menggunakan internet dan sangat bergantung pada komunikasi dan alat digital. Mengoptimalkan situs web Anda untuk memastikan pengguna dapat menikmati pengalaman hebat dapat memperluas web interaksi Anda. Dengan mempraktikkan penyertaan dalam desain Anda, Anda akan dapat menjangkau jutaan orang yang sering diabaikan.

Mendesain untuk aksesibilitas tidak harus sulit. Itu hanya perlu sederhana dan mempertimbangkan semua pengguna potensial. Berikut cara mengoptimalkan situs web Anda untuk aksesibilitas maksimum.

Pahami Pengguna Anda

Mengetahui audiens Anda sangat penting dalam proyek apa pun, jadi ini adalah tempat terbaik untuk memulai. Pahami bahwa pengguna Anda dapat menyertakan individu dengan kemampuan berbeda. Beberapa pengguna Anda mungkin mengalami gangguan pendengaran atau penglihatan, yang lain mungkin memiliki gangguan kejang, yang lain mungkin masih memiliki masalah mobilitas.

Meskipun Anda tidak dapat mendesain untuk setiap skenario yang mungkin, Anda akan memperluas cakrawala desain jika Anda meluangkan waktu untuk memikirkan sebanyak mungkin. Setelah Anda memikirkan audiens yang diperluas, lakukan riset. Baca studi kasus, bicarakan dengan teman yang memiliki pengalaman, lihat panduan aksesibilitas.

Mungkin mencoba mengambil satu halaman dari bidang pendidikan, prinsip-prinsip desain universal adalah referensi yang baik.

Pikirkan UX

Sekarang setelah Anda mengembangkan pemahaman dengan pengguna masa depan Anda, masukkan pemahaman itu ke dalam kerangka pengalaman pengguna (UX) Anda. Langkah ini akan membantu Anda berempati dengan pengguna Anda dan mempertimbangkan hal-hal yang mungkin tidak terpikirkan sebelumnya. Ini juga akan mengarahkan Anda ke arah berbagai definisi teknologi bantu.

Sama seperti seorang desainer harus mempertimbangkan perilaku situs web di setiap browser utama, teknologi bantu harus menjadi bagian dari daftar periksa fungsionalitas. Terkadang, bahkan perubahan terkecil dalam desain web dapat membuka pintu baru bagi pengguna yang cacat.

Perubahan Sederhana

Misalnya, mungkin perubahan termudah untuk diterapkan adalah bagaimana Anda menggunakan tag penekanan.

Secara visual, tidak ada perbedaan antara <b> dan <strong> , juga <i> tampak berbeda dari <em> . Namun bagi penyandang disabilitas, tag ini dapat mengubah pengalaman pengguna mereka secara tajam.

Meskipun mereka membuat sama, efektif tebal dan miring , perbedaan antara tag ini adalah fungsinya. Sementara tag tebal dan miring yang lebih sederhana bersifat presentasional (mengubah cara teks dirender), kuat dan penekanan menunjukkan pola ucapan yang berbeda untuk teknologi bantu.

Tapi itu tidak sesederhana mengganti semua <b> dengan <strong> . Banyak header menggunakan teks tebal untuk kontras misalnya, tetapi mungkin tidak baik bagi pengguna penyandang disabilitas untuk mengalami tag <strong> di sini. Pikirkan, “Apakah teks ini perlu diucapkan secara berbeda agar pengguna dapat merasakan makna penuhnya?” Jika tidak, pertimbangkan untuk menghapus <strong> atau <em> kecuali jika benar-benar diperlukan.

Perubahan halus dan pertimbangan seperti ini dapat membuat semua perbedaan bagi pengguna penyandang disabilitas. Sangat penting untuk meningkatkan dan tidak menurunkan UX.

Mendesain untuk Tunanetra

Meskipun saran di atas sudah bermanfaat bagi tunanetra, tidak semua orang dengan gangguan penglihatan akan memiliki tingkat atau jenis gangguan yang sama. Sama pentingnya untuk menawarkan opsi yang dapat mengakomodasi mereka yang tetap menggunakan penglihatan mereka.

Pertimbangkan elemen-elemen ini:

• Izinkan pengguna untuk memperbesar font. Sebagian besar browser akan melakukan ini dengan atau tanpa persetujuan Anda, tetapi akan terlihat lebih bagus jika Anda memiliki CSS yang disiapkan untuk itu.
• Hindari kombinasi warna tertentu seperti merah dan hijau atau biru dan kuning. Sebaliknya, mengapa tidak menggunakan warna untuk meningkatkan konversi sekaligus meningkatkan aksesibilitas?
• Kode di "teks alternatif". Teks alternatif dapat dibaca dengan teknologi bantu dan menjelaskan gambar apa pun di halaman.
• Gunakan titik dalam singkatan, bahkan yang terkenal. Cara pembaca layar memproses informasi sering kali bersifat fonetik: bayangkan mendengar "Fibby" vs. FBI

Untuk informasi lebih lanjut tentang cara menggabungkan elemen untuk pengguna tunanetra, lihat American Foundation for the Blind.

Merancang untuk Tunarungu

Meskipun tunarungu membutuhkan akomodasi yang lebih sedikit, tren terbaru dalam penggunaan video di situs web telah meningkatkan kebutuhan akan pilihan desain yang cerdas. Jadi, jika situs web Anda menggabungkan komponen pendengaran apa pun, gunakan teks tertutup atau interpretasi bahasa isyarat.

Hindari godaan untuk menggunakan teks tertutup otomatis – lihat video acak apa pun yang telah diproses menggunakan transkripsi otomatis untuk melihat terjemahan kata yang tidak masuk akal dan dapat menjadi produktif.

Untuk panduan teks khusus, rekomendasi Asosiasi Tuna Rungu Nasional dapat ditemukan di sini.

Merancang untuk Epilepsi Fotosensitif

Salah satu perhatian desain seputar penggunaan video yang lazim, terutama video yang menggunakan fungsi putar otomatis, mengelilingi pengguna yang memiliki epilepsi fotosensitif. Pengguna ini dapat mengalami kejang yang dipicu oleh efek tipe lampu strobo atau gambar bergerak. Desainer web dapat menggunakan Alat Analisis Epilepsi Fotosensitif untuk memeriksa kemungkinan konten mereka memicu kejang.

Jika konten teridentifikasi berisiko tetapi tidak dapat diubah untuk mengurangi risiko, selalu peringatkan tentang potensi tersebut dan jangan memutar video secara otomatis. Pastikan peringatan terlihat dan dekat tombol putar.

Merancang untuk Gangguan Mobilitas

Beberapa gangguan mobilitas akan berkisar dari kehilangan total kontrol motorik halus hingga tremor ringan. Tingkat penurunan mana pun menghasilkan pengalaman pengguna yang sama di situs web yang tidak mempertimbangkannya:

• Pengguna harus mengerahkan upaya yang lebih besar untuk menjangkau tautan dan mungkin cepat lelah.
• Pengguna tidak dapat menavigasi situs web karena tidak mengizinkan penggunaan keyboard.
• Harus menggulir halaman yang panjang menyebabkan kelelahan karena tidak ada opsi "kembali ke atas" atau lewati yang tersedia.

Situs yang dioptimalkan untuk layar sentuh atau input mouse halus dapat menimbulkan konsekuensi yang lebih parah bagi gangguan mobilitas, yang mungkin membuat situs tidak dapat digunakan.

Memasukkan elemen desain seperti navigasi yang dapat dioperasikan menggunakan keyboard dan tautan jangkar yang sering digunakan yang dapat menarik pengguna ke berbagai bagian halaman dapat sangat membantu pengguna ini.

Buat Opsi Situs Web "Dasar"

Desain Anda sempurna, interaktif, dan mencolok, menggunakan tren terbaru dan terhebat yang tersedia di pasar terbuka – dan hampir tidak dapat diakses oleh pengguna yang dijelaskan di atas.

Jika itu terdengar seperti desain web Anda, alternatif yang lebih mudah adalah membuat tata letak "sederhana" yang dapat diaktifkan dan dinonaktifkan pengguna. Ini akan menarik lebih dari sekadar pengguna yang cacat: Untuk pengguna yang menderita migrain yang dipicu oleh kontras tinggi, misalnya, memiliki sakelar yang mudah diakses dapat menjadi perbedaan antara menjadi pelanggan atau pergi untuk menghadapi migrain tiga jam.

Jangan berhenti di situ juga. Terapkan opsi yang sama untuk daftar langganan Anda, yang memungkinkan pengguna mengedit preferensi mereka dengan mudah sebelum menerima pemasaran email.

Tetap pahami pengguna Anda yang berbeda. Terus memikirkan mereka. Semakin Anda memahami dan berempati dengan pengguna Anda, semakin mudah diakses desain UX. Siapa tahu? Anda bahkan dapat mengubah dunia seseorang.