Merancang untuk aksesibilitas

Aksesibilitas memungkinkan para penyandang disabilitas untuk menafsirkan, memahami, menavigasi, berinteraksi, dan berkontribusi pada web. Bayangkan sebuah dunia di mana para pengembang mengetahui semua hal yang perlu diketahui tentang aksesibilitas. Anda mendesainnya dan mereka membuatnya dengan sempurna. Namun, jika Anda hanya mempertimbangkan desain sebuah produk, hal ini mungkin akan menyulitkan penyandang disabilitas untuk menggunakannya.

Memilih 'kebutuhan' mana yang harus dirancang adalah salah satu masalah yang paling umum ketika mendesain untuk aksesibilitas. Kita tidak dengan sengaja mengecualikan pengguna; namun, 'kita tidak tahu apa yang tidak kita ketahui'. Akibatnya, ada banyak hal yang harus dipelajari tentang aksesibilitas. Mari kita pertimbangkan beberapa panduan aksesibilitas yang dapat memandu Anda ke arah yang benar. Pedoman ini mencakup poin-poin utama yang perlu Anda ketahui agar produk Anda siap untuk dirancang dan memenuhi standar minimumSection 508 dan Pedoman Aksesibilitas Konten Web (WCAG) 2.0. Selebihnya tergantung pada pengembangan dan pengujian jaminan kualitas. Untuk penjelasan rinci tentang aksesibilitas, Anda dapat mengakses WCAG 2.0.

Akses ke informasi bukan penghalang untuk inovasi

Aksesibilitas mungkin tidak membujuk Anda untuk menghasilkan produk yang jelek, membosankan, atau berantakan. Aksesibilitas dapat memulai serangkaian batasan yang perlu Anda pertimbangkan saat Anda mendesain. Batasan desain ini akan memberikan Anda ide-ide baru untuk dieksplorasi, sehingga menghasilkan produk yang lebih baik untuk semua pengguna Anda.

Ingatlah bahwa Anda mungkin tidak ingin mendesain untuk rekan-rekan Anda saat Anda membaca panduan ini. Yang penting adalah Anda mendesain untuk berbagai macam pengguna yang akan menggunakan produk Anda, termasuk mereka yang tunanetra, buta warna atau memiliki penglihatan yang buruk, mereka yang tuli atau memiliki pendengaran yang buruk, mereka yang memiliki keterbatasan mobilitas permanen atau sementara, dan mereka yang memiliki keterbatasan kognitif. Ketika Anda mendesain, Anda mungkin ingin mempertimbangkan semua kemungkinan pengguna. Mereka bisa saja muda, tua, pengguna yang mahir, pengguna biasa, dan mereka yang hanya ingin menikmati pengalaman yang baik.

jangan gunakan warna saja untuk menyampaikan informasi

jangan gunakan warna saja untuk menyampaikan informasi. Hal ini mungkin berguna bagi pengguna yang tidak dapat atau mengalami kesulitan membedakan satu warna dengan warna lainnya. Termasuk di dalamnya adalah orang yang buta warna (1 dari 12 pria dan 1 dari 200 wanita), memiliki penglihatan rendah (1 dari 30 orang), atau tunanetra (1 dari 188 orang).

meskipun warna dapat digunakan untuk menyampaikan informasi, warna seharusnya tidak menjadi satu-satunya cara untuk melakukannya. Ketika menggunakan warna untuk membedakan elemen, mungkin berguna untuk memberikan identifikasi tambahan yang tidak bergantung pada persepsi warna. Untuk mengindikasikan bidang formulir yang harus diisi, Anda dapat menggunakan tanda bintang selain warna dan label untuk membedakan area pada grafik.

Berikan kontras yang memadai antara latar depan dan latar belakang

Kontras antara warna latar depan dan latar belakang harus memadai. Hal ini termasuk teks pada gambar, latar belakang gradien, tombol, dan elemen lainnya. Hal ini tidak berlaku untuk logo atau teks yang bersifat insidental, seperti teks yang ditemukan dalam foto. Rasio kontras antara teks dan latar belakang minimal 4,5 banding 1 direkomendasikan dalam Pedoman Aksesibilitas Konten Web. Rasio minimum turun menjadi 3 banding 1 jika font Anda setidaknya 24 piksel atau 19 piksel tebal.

Pastikan elemen interaktif mudah dikenali

Untuk membuat elemen interaktif seperti tautan dan tombol lebih mudah diidentifikasi, pertimbangkan untuk menggunakan gaya yang berbeda. Hal ini dapat dilakukan dengan, misalnya, mengubah tampilan tautan pada saat mouse diarahkan, fokus pada keyboard, dan aktivasi layar sentuh. Pastikan gaya dan penamaan elemen interaktif konsisten di seluruh situs web. Beberapa pengguna mungkin tidak dapat menggunakan mouse dan hanya mengandalkan keyboard untuk menavigasi halaman web. Sangat penting bahwa pengguna dapat menggunakan keyboard untuk mengakses semua elemen interaktif dan jelas elemen mana yang interaktif. Perbatasan atau sorotan yang bergerak saat Anda membuka tab di halaman web dapat digunakan untuk menunjukkan fokus keyboard yang terlihat.

Pastikan bahwa elemen formulir menyertakan label yang terkait dengan jelas

Setiap bidang harus memiliki label deskriptif, kecuali kotak centang dan tombol radio. Kotak centang biasanya ditempatkan di sebelah kanan, dan label dari kiri ke kanan. Bahasa diposisikan di sebelah kiri atau di atas area. Sebaiknya pastikan tidak ada terlalu banyak ruang antara label dan bidang.

Buatlah pilihan navigasi yang jelas dan konsisten

Navigasi di seluruh halaman di situs web harus konsisten dalam hal penamaan, gaya, dan posisi. Taktik yang baik adalah menyediakan lebih dari satu cara untuk menavigasi situs web Anda, seperti pencarian situs atau peta situs. Anda juga bisa menggunakan petunjuk orientasi, seperti remah roti dan judul yang jelas, untuk membantu pengguna memahami posisi mereka di situs web atau halaman.

Berikan umpan balik yang mudah diidentifikasi

Umpan balik untuk interaksi seperti konfirmasi pengiriman formulir dan memberi tahu pengguna ketika terjadi kesalahan bisa sangat berharga. Jika ada instruksi, instruksi tersebut harus jelas. Umpan balik penting yang mencakup tindakan pengguna harus ditampilkan di tempat yang mudah dilihat.

Gunakan judul dan spasi untuk mengelompokkan konten terkait

Spasi dan jarak membantu menyoroti hubungan antar konten. Judul dapat membantu Anda mengatur konten, mengurangi kekacauan, dan membuatnya lebih mudah dipindai dan dipahami.

Merancang untuk ukuran viewport yang berbeda

Pikirkan tentang bagaimana informasi halaman ditampilkan dalam berbagai ukuran viewport, seperti ponsel atau jendela browser yang diperbesar. Penempatan dan tampilan elemen utama, seperti header dan navigasi, dapat diubah untuk memaksimalkan ruang. Akan sangat membantu untuk memeriksa bahwa ukuran teks dan lebar baris telah diatur untuk memaksimalkan keterbacaan dan keterbacaan.

Menyediakan kontrol untuk konten yang dimulai secara otomatis

Anda dapat mengizinkan pengguna untuk menghentikan animasi atau suara yang diputar secara otomatis dengan kontrol yang terlihat. Hal ini berlaku untuk korsel, penggeser gambar, musik latar belakang, dan video.

Pikiran akhir

Semakin peka Anda terhadap kebutuhan pengguna Anda, semakin mudah desain Anda diakses. Pengguna dalam target demografis Anda, pengguna di luar target demografis Anda, pengguna dengan disabilitas, dan bahkan pengguna dari budaya dan negara yang berbeda harus disertakan. Setelah Anda memiliki pemahaman yang tajam tentang kebutuhan pengguna Anda, hal ini akan membantu Anda menciptakan pengalaman yang lebih mudah diakses bagi mereka.