Desain Web Inklusif: Mengapa Penting dan Bagaimana Melakukannya

Inklusivitas sosial telah menjadi isu krusial, dan banyak organisasi dan kelompok advokasi mencari cara untuk menghentikan diskriminasi terhadap orang yang mengalami pengucilan sosial.

Tapi bagaimana dengan lingkungan digital? Dengan 15% populasi global yang hidup dengan beberapa bentuk disabilitas, inklusivitas dalam pengalaman online lebih dari sekedar tren.

Ambil desain web, misalnya. Mungkin ada ribuan orang yang mengunjungi situs web Anda tetapi tidak dapat menjelajahinya. Jadi, apa yang meninggalkan Anda dengan? Jutaan kesempatan hilang untuk membuat mereka terkesan, mengatasi tantangan mereka, dan membangun hubungan jangka panjang. Itulah sebabnya bisnis mulai fokus untuk menciptakan pengalaman menjelajah web yang setara bagi semua pengguna.

Tetapi sebenarnya jalan kita masih panjang untuk membuat desain web inklusif menjadi normal baru. Sebagian besar pemasar tampaknya enggan menerapkan taktik desain inklusif, karena menganggap hal itu memakan waktu dan mahal. Dalam artikel ini, kami akan mengatasi kepercayaan populer ini dengan membagikan semua yang perlu diketahui tentang desain web inklusif, mengapa Anda membutuhkannya, dan praktik terbaik untuk melakukannya dengan benar.

Apa itu Desain Web Inklusif?

Desain web inklusif adalah praktik mempertimbangkan kebutuhan khusus pengguna yang mengalami pengucilan dengan cara yang berbeda karena mereka termasuk dalam kelompok minoritas. Inklusivitas desain tidak hanya mencakup penyandang disabilitas permanen, tetapi juga kelompok tertindas atau pengguna mana pun yang mengalami pembatasan atau pengucilan saat berinteraksi dengan produk digital.

Menjadi seorang profesional UX, Anda dihadapkan pada tanggung jawab untuk menciptakan produk yang dapat diakses oleh semua orang. Baik itu cara membangun blog perusahaan Anda atau cara Anda membuat halaman arahan dan terlepas dari jenis batasan yang dihadapi pengunjung, mengakomodasi kebutuhan penjelajahan semua orang tidak boleh muncul begitu saja. Karena itu, kita tidak boleh mengacaukan desain inklusif dengan praktik aksesibilitas karena lebih dari itu.

Desain Web Inklusif vs. Desain Web yang Dapat Diakses

Ada kesalahpahaman umum bahwa desain web inklusif setara dengan desain web yang dapat diakses. Aksesibilitas dan inklusivitas dalam desain mungkin berjalan seiring, tetapi keduanya tidak sama. Desain web inklusif adalah istilah umum yang memerlukan metode aksesibilitas, yang melibatkan pembuatan produk digital yang mudah dipahami oleh penyandang disabilitas. Inklusivitas meluas ke faktor lain seperti kendala teknis, bahasa, dan hambatan demografis atau segala jenis batasan situasional yang menonaktifkan pengguna untuk sepenuhnya terlibat dengan halaman web.

Ketika kami berbicara tentang desain inklusif, yang kami maksud sebenarnya adalah desain universal yang menangani segala jenis batasan, mulai dari orang yang menggunakan layar kecil atau koneksi internet yang lambat hingga orang dengan disabilitas sementara seperti cedera lengan. Desain inklusif tidak terbatas pada memberikan solusi yang dapat diakses dan mudah digunakan, namun yang lebih penting, desain harus membuat orang merasa dihargai.

Singkat cerita, desain web inklusif lebih tentang bagaimana mendekati desain untuk keragaman daripada hasil semata.

Pilar Penting Desain Web Inklusif

Untuk membangun produk digital yang inklusif, desainer perlu menciptakan pengalaman yang memenuhi kebutuhan dan keadaan setiap pengguna. Oleh karena itu, sangat penting untuk mengadopsi pola pikir desain inklusif sejak awal.

Mari kita telaah pilar-pilar desain inklusif yang perlu Anda perhatikan.

• Mengidentifikasi jenis pengecualian. Sebelum memulai, cari titik pengecualian dan manfaatkan sebagai titik awal untuk membuat opsi baru dan lebih inklusif. Saat desainer mengetahui bagaimana dan mengapa individu merasa dikucilkan, akan lebih mudah untuk membuat peta jalan menuju pengalaman digital yang inklusif.
  
• Libatkan pengguna. Pengguna harus menjadi pusat dari setiap solusi digital. Bagi para desainer untuk mengetahui nilai kelompok pengguna yang berbeda, melibatkan mereka harus menjadi prioritas. Ini menjadi semakin penting bagi desainer grup yang tidak banyak diketahui oleh desainer. Jadi, minta pendapat mereka untuk mengetahui kebutuhan mereka yang berubah dan menguji ide berdasarkan masukan mereka untuk memberikan pengalaman yang mereka hargai.

• Jauhi bias pribadi. Sertakan pengguna dari berbagai latar belakang dan komunitas untuk menghindari bias pribadi dalam merancang solusi yang adil. Ini akan membantu Anda menyadari siapa yang Anda tinggalkan dari proses desain.
• Mulailah dengan tim Anda. Langkah pertama untuk menghindari bias dimulai dengan tim Anda sendiri. Memiliki tenaga kerja yang inklusif tidak hanya membantu Anda menyadari bias pribadi Anda, tetapi juga mengatasinya. Tim desain yang terdiri dari orang-orang dengan latar belakang dan kemampuan berbeda adalah kunci untuk membuka lebih banyak tantangan pengguna.

Mengapa inklusivitas harus dimiliki dalam desain web?

Kebutuhan pengguna beragam. Jadi, dengan asumsi pendekatan satu ukuran cocok untuk semua kemungkinan besar akan mengakibatkan bencana. Selain itu, pengembangan inklusif dalam desain web membantu Anda menjadikan diri Anda sebagai pemimpin industri dan mengungguli pesaing Anda.

Mari uraikan alasan terpenting untuk menerapkan pola pikir inklusif saat merancang produk digital.

1. Jangkau audiens yang lebih besar

Mengesampingkan dampak sosial, desain web inklusif juga penting dari perspektif bisnis. Tak perlu dikatakan bahwa Anda akan kehilangan pelanggan jika Anda meninggalkan sebagian besar audiens Anda. Fitur inklusif seperti opsi terjemahan, komponen visual, atau asisten suara membantu Anda menjangkau audiens yang lebih luas dan meningkatkan inklusivitas dalam desain situs web Anda. Pertahankan fokus Anda untuk membangun pengalaman yang positif secara universal, dan pengguna akan menghargai Anda dengan kesetiaan mereka.

2. Orang-orang mengharapkannya dari Anda

Platform media sosial telah menyoroti ketidakadilan sosial, sehingga pengguna saat ini lebih sadar secara sosial daripada sebelumnya. Orang-orang berharap bisnis beralih ke inklusi karena itu adalah hal yang benar untuk dilakukan. Itulah mengapa mengikutsertakan orang dengan kebutuhan dan kemampuan berbeda lebih dari sekadar keputusan bisnis.

Saat Anda tidak melakukan segala daya untuk menyertakan pengguna, Anda mengecualikan mereka dari interaksi dengan produk Anda, bahkan secara tidak sengaja. Sekarang adalah waktu untuk merancang keragaman karena hal itu memengaruhi apakah pengguna akan memilih untuk menjadi pelanggan atau tidak.

3. Selesaikan masalah yang berbeda secara bersamaan

Setiap pengunjung website memiliki minat dan motivasi, serta keterbatasan kemampuan mereka berdasarkan berbagai keadaan. Akibatnya, setiap orang dari kita mungkin mengalami pengucilan saat berinteraksi dengan desain web. Di situlah desain inklusif dapat menghubungkan pengguna yang berbeda dengan keterbatasan yang berbeda dengan cara yang serupa. Misalnya, teks besar yang bersih bermanfaat bagi orang dengan penglihatan yang buruk, tetapi juga membantu pengemudi dan orang lain yang menjelajah sambil bergerak.

4. Bangun kesadaran merek

Konsumen menyukai merek yang membuat hidup mereka lebih mudah, dan tidak ada yang menunjukkan niat tersebut selain elemen desain yang inklusif. Pengguna internet memiliki rentang perhatian yang lebih pendek dan menghabiskan lebih banyak waktu di berbagai layar. Oleh karena itu, masalah seperti carpal tunnel syndrome atau computer vision syndrome lebih sering terjadi daripada yang kita pikirkan. Orang-orang ini lebih suka mengunjungi situs web yang dapat mereka navigasikan dengan mudah di perangkat apa pun.

Saat Anda mendesain situs web dengan mempertimbangkan inklusivitas, pengunjung merasa disambut dan nyaman dengan perjalanan pelanggan yang Anda tawarkan kepada mereka. Dengan begitu, merek Anda tetap diingat dan memiliki keunggulan kompetitif.

5. Ini meningkatkan SEO Anda

Mesin pencari lebih menyukai halaman web yang dioptimalkan untuk pengalaman pengguna yang lebih baik dan fitur penyertaan. Jika Anda tidak mengikuti praktik terbaik aksesibilitas, situs web yang menarik tidak akan membantu Anda dalam hal SEO.

Banyak pemasar cenderung mengabaikan kegunaan dan aksesibilitas di situs web mereka. Namun, ini adalah cara antipeluru bagi mesin telusur untuk memperhatikan situs web dan meningkatkan peringkatnya. Anda tidak hanya membuat Google puas dengan menyelaraskan dengan algoritme pencariannya, tetapi Anda juga menawarkan pengalaman terbaik di halaman kepada pengunjung.

8 Praktik Terbaik Desain Inklusif

Merancang lebih inklusif mungkin membuat frustrasi karena sulit untuk mengevaluasi apakah halaman web Anda menawarkan pengalaman online yang adil. Jika kita harus memilih titik awal, yaitu melepaskan setiap asumsi, serta memutuskan untuk memihak semua pengguna, bukan hanya rata-rata. Agar berhasil membuat semua orang merasa dilibatkan, baca terus untuk menemukan praktik terbaik untuk diikuti sebagai seorang desainer.

1. Buat konten yang terstruktur dengan baik dan mudah dibaca

Konten situs web Anda merupakan bagian integral dari strategi pemasaran konten Anda. Konten yang dapat dibaca dan terstruktur dengan hati-hati adalah kunci untuk membuat pengunjung tetap terlibat.

Pilih struktur yang memungkinkan pengunjung dengan disabilitas kognitif atau visual untuk membacanya. Anda juga harus berisi urutan logis yang memandu pengguna melalui konten Anda dan menghilangkan titik gesekan.

Selain langkah-langkah tersebut, ada beberapa perubahan sederhana yang membuat perbedaan dalam cara pengguna berinteraksi dengan konten Anda. Berikut adalah beberapa pedoman utama untuk konten yang dapat dibaca dan diurutkan secara bermakna:

• Gunakan bahasa yang sederhana dengan kalimat pendek agar konten Anda mudah dibaca dan dicerna
• Pisahkan blok teks yang panjang menjadi beberapa bagian yang lebih kecil dan gunakan judul, daftar berpoin, dan gambar untuk mendukung pengguna yang memiliki keterbatasan penglihatan atau membaca
• Sertakan elemen seperti akordeon untuk menyembunyikan konten yang mengalihkan perhatian pengunjung dari konten inti yang perlu mereka akses terlebih dahulu
• Pastikan Anda menggunakan kontras yang memadai antara konten dan latar belakangnya

2. Jaga Tata Letak Anda Jelas dan Sederhana

Hierarki sama pentingnya dengan tata letak seperti halnya dengan konten. Jelas dan minimal tidak akan pernah ketinggalan zaman sebagai tren desain, dan untuk alasan yang bagus, karena pengunjung tidak menyukai desain yang berantakan dengan navigasi yang rumit dan informasi yang kacau. Tata letak yang jelas dan sederhana diterjemahkan ke dalam antarmuka yang intuitif, mudah digunakan, dan menarik secara visual.

Pastikan Anda membuat fitur inti situs web yang menonjolkan kegunaannya tanpa mengalihkan pengunjung dari informasi yang paling relevan. Kemudian, Anda dapat menambahkan komponen apa pun yang diperlukan untuk menunjukkan nilai dan melibatkan mereka lebih jauh.

3. Pastikan Konsistensi

Menjadi seorang desainer, Anda sudah tahu konsistensi sangat penting untuk setiap produk digital yang Anda buat. Itu bahkan lebih penting ketika Anda mendesain untuk menyertakan audiens yang beragam. Desain yang tidak konsisten biasanya membingungkan pengguna dan membuat mereka meninggalkan situs web Anda. Lebih sulit lagi bagi penyandang disabilitas kognitif, karena mereka berjuang melalui antarmuka kompleks yang tidak masuk akal.

Konsistensi dalam navigasi situs web Anda meningkatkan kemudahan penggunaan dan dapat menghasilkan konversi yang lebih mudah dan lebih cepat. Tapi jangan salah paham – konsistensi tidak berarti dapat diprediksi. Jadi, pastikan Anda hanya menghilangkan elemen yang menyebabkan frustrasi sambil tetap sekreatif mungkin.

4. Gunakan Teks Alternatif untuk Gambar

Pemasar yang cerdas tahu bagaimana elemen visual seperti gambar, video, atau infografis menarik perhatian saat menyampaikan perasaan. Tetapi menyertakan gambar atau video di situs web Anda tidak berguna jika Anda masing-masing tidak menyertakan teks dan teks alternatif.

Pembaca layar mengandalkan teks-alt untuk mendeskripsikan gambar kepada orang dengan gangguan penglihatan. Deskripsi yang dibuat dengan hati-hati dan singkat membantu menghindari salah tafsir dengan memberi tahu pengunjung tentang gambar tersebut.

Saat Anda menulis teks alternatif untuk gambar Anda, berikut adalah beberapa aspek penting untuk dipertimbangkan:

• Jelaskan apa yang terjadi dalam gambar secara singkat namun akurat sehingga pengguna dapat mengakses informasi yang paling penting dengan cepat
• Ingatlah untuk menyertakan bagaimana gambar berhubungan dengan lingkungan sekitar
• Saat gambar sebagian besar bersifat dekoratif, gunakan bidang <alt> kosong agar pembaca layar mengetahui bahwa mereka dapat melewati gambar tersebut

Selain itu, jangan lupa sertakan caption pada konten video Anda agar orang yang mengalami kesulitan pendengaran dapat memahami konten video Anda. Pastikan Anda memberikan teks untuk setiap video yang ditampilkan di situs web Anda agar pengguna dapat memahami pesan Anda sepenuhnya. Terakhir, apa pun yang Anda lakukan, jangan masukkan video Anda ke putar otomatis karena ini meningkatkan beban kognitif pengguna.

5. Pilih Salinan Inklusif

Kesalahan yang dilakukan banyak pemasar adalah mengabaikan salinan demi visual. Tapi kata-kata adalah alat kami untuk mengekspresikan diri dan membuat koneksi. Hal yang sama berlaku untuk desain UX. Untuk membuka audiens yang lebih besar, Anda memerlukan salinan yang inklusif dan ringkas. Mari tinjau beberapa taktik untuk diterapkan untuk salinan inklusif:

• Pilih kata-kata sederhana dan hindari istilah rumit atau jargon yang tidak perlu. Melakukan hal itu memungkinkan orang dengan ketidakmampuan belajar dan kognitif untuk memahami pesan Anda.
• Jika Anda harus menggunakan ide atau istilah yang rumit di situs web Anda, pertimbangkan untuk menggunakan gambar atau video untuk menyederhanakan hal-hal bagi pengguna penyandang disabilitas atau bukan penutur asli
• Berhati-hatilah dengan salinan yang Anda sertakan dalam formulir online. Itu salah satu bagian yang paling sensitif namun terabaikan dari pembuatan prospek. Cari tahu pertanyaan mana yang perlu Anda tanyakan dan bagaimana melakukannya, dan perhatikan opsi jawaban yang Anda berikan.
• Kecualikan kata ganti gender dan istilah sensitif gender (mis., “ladies and gentlemen”) untuk memastikan semua pengguna merasa terwakili secara akurat.

6. Pilih Warna dengan Bijak

Warna memainkan peran besar dalam desain karena membangkitkan emosi dan menarik perhatian pemirsa. Masalahnya datang dengan keterbatasan karena tidak semua pengguna melihat warna dengan cara yang sama.

Misalnya, orang dengan buta warna merah-hijau mengalami kesulitan melihat nuansa hijau dan merah. Selain itu, pengunjung dari latar belakang budaya yang berbeda menginterpretasikan warna secara berbeda, yang dapat memengaruhi pemahaman mereka tentang konten Anda. Misalnya, pengunjung dengan gangguan penglihatan atau buta warna mungkin kesulitan memahami diagram lingkaran yang menampilkan data dalam bentuk perbedaan warna.

Apa yang dapat Anda lakukan untuk menghindari kesusahan ini di antara pengunjung Anda? Jangan mengandalkan warna sebagai satu-satunya isyarat visual, tetapi cobalah untuk menggabungkan elemen seperti label, ikon, atau teks tebal. Selain itu, hindari menggunakan warna yang sangat kontras dan menempatkan warna yang serupa berdampingan. Hal-hal kecil seperti itu membuat pengguna nyaman menggunakan situs web Anda sambil menjembatani perbedaan antara kelompok audiens yang beragam.

Jika Anda tidak tahu harus mulai dari mana, Anda dapat menggunakan alat seperti Color Safe atau WebAIM yang menghasilkan kombinasi warna yang dapat diakses untuk Anda.

7. Jangan Lupakan Aksesibilitas Keyboard

Salah satu komponen utama untuk diuji saat mendesain situs web Anda adalah aksesibilitas keyboard. Jika Anda tidak mengoptimalkan situs web Anda untuk navigasi keyboard, Anda menyulitkan pengunjung dengan gangguan visual atau motorik. Ingatlah bahwa keyboard bisa menjadi satu-satunya alat mereka untuk mengakses situs web Anda dan berinteraksi dengan komponennya.

Tapi apa artinya mengoptimalkan navigasi keyboard? Coba dari kiri ke kanan dan ke atas dan ke bawah untuk memastikan Anda dapat menavigasi halaman web hanya dengan menggunakan keyboard.

Jangan lupa untuk menguji seberapa mudah atau sulitnya proses navigasi hanya dengan menggunakan Tab. Tombol Tab sama pentingnya untuk aksesibilitas keyboard karena ini adalah cara pengunjung yang hanya menggunakan keyboard menavigasi halaman web. Gagasan utama di balik opsi ini adalah menawarkan kepada mereka kemampuan untuk memilih setiap elemen di halaman Anda dengan mengklik tombol Tab.

Pentingnya Inklusivitas

Selama bertahun-tahun, desain web adalah tentang membuat halaman web yang menarik, penuh warna, dan tidak biasa yang menarik perhatian. Dan meskipun karakteristik tersebut masih relevan, karakteristik tersebut tidak memadai untuk memberikan pengalaman web yang benar-benar menyenangkan bagi pengunjung.

Bayangkan sejenak Anda membuat situs web yang menarik. Jika Anda tidak membuatnya dengan mempertimbangkan desain web inklusif, Anda mencegah sebagian besar pengguna mengaksesnya. Hasil akhir Anda harus berupa desain universal yang diterima dengan baik oleh setiap pengguna di setiap perangkat.

Mengubah situs web Anda menjadi ruang yang inklusif dan setara untuk semua pengunjung tidaklah menakutkan seperti kedengarannya. Untuk berhasil, pertama-tama Anda harus memiliki pemahaman yang kuat tentang tantangan yang dihadapi berbagai kelompok audiens saat berinteraksi dengan produk digital.

Ingatlah untuk mengikuti praktik terbaik yang dibagikan dalam panduan ini untuk membuat situs web yang berguna dan bermanfaat. Dan, apa pun yang Anda lakukan, jangan pernah berhenti memenuhi kebutuhan audiens yang terus berkembang untuk pengalaman digital yang inklusif dan berpusat pada pelanggan.