Aksesibilitas dalam Desain: 8 Faktor yang Perlu Diketahui Sebelum Mendesain untuk Web

Diterbitkan: 2022-11-01

Setelah pandemi, orang menjadi sangat bergantung pada web. Pandemi ini membuat mereka berpikir bahwa seberapa banyak belanja online atau aktivitas apa pun dapat menghemat tenaga, tenaga, dan waktu. Oleh karena itu, mereka lebih mengandalkan web.

Namun, yang menjadi perhatian adalah seperlima dari populasi dunia menderita disabilitas yang menyebabkan masalah saat berinteraksi dengan web. Oleh karena itu, sudah saatnya kami menghadirkan aksesibilitas ke desain yang kebanyakan orang abaikan saat mendesain konten web.

Itu sebabnya blog hari ini akan membahas tentang aksesibilitas, pentingnya, dan pedomannya. Jadi, gali untuk mengetahui seluk beluk tentang aksesibilitas dalam desain .

Isi sembunyikan
Apa itu aksesibilitas dalam desain?
Mengapa Anda perlu membuat desain dapat diakses?
8 faktor untuk membuat desain yang dapat diakses
Kontras warna yang tepat
Konten yang dapat dibaca
Tipografi yang jelas
Penyesuaian waktu dan gerakan
Kontrol atas video dan audio
Navigasi yang konsisten
Tombol konversi
Konten non-teks
Pertanyaan yang sering diajukan
Apakah aksesibilitas dan kegunaan serupa?
Apa masalah aksesibilitas umum?
Membungkus

Apa itu aksesibilitas dalam desain?

Aksesibilitas mengacu pada membuat desain dapat dimengerti dan tersedia bagi penyandang disabilitas dan keterbatasan . Ini memastikan semua orang memahami desain tanpa menghadapi kesulitan. Dengan kata sederhana, aksesibilitas berarti membangun alat, situs web, dan produk lain yang dapat dipahami atau digunakan oleh siapa pun, tidak peduli seberapa serius disabilitas mereka.

Definisi aksesibilitas dalam desain UX sudah memberi Anda gambaran mengapa itu diperlukan untuk web. Jika masih belum jelas bagi Anda, lihat bagian berikut untuk mengetahui mengapa aksesibilitas penting dalam desain.

Mengapa Anda perlu membuat desain dapat diakses?

Pentingnya aksesibilitas dalam desain

Membuat desain yang mudah dipahami bagi penyandang disabilitas bukanlah satu-satunya tujuan untuk menghadirkan aksesibilitas ke desain. Bersamaan dengan itu, aksesibilitas memungkinkan Anda untuk menargetkan berbagai orang dan memasarkan produk atau layanan Anda kepada mereka. Selain itu, ia menawarkan manfaat lain. Lihat kebutuhan desain yang dapat diakses untuk web Anda:

  • Karena Anda dapat menargetkan pemirsa yang lebih luas, akan ada lebih banyak kemungkinan untuk konversi .
  • Mencapai tujuan bisnis akan lebih mudah.
  • Penjualan dan ROI akan meningkat.
  • Ini menawarkan pengalaman pengguna yang lebih tinggi karena pengunjung dapat dengan mudah memahami apa yang Anda sampaikan melalui desain Anda.

Jadi, inilah alasan yang akan mendorong Anda untuk membuat desain yang dapat diakses untuk web. Sekarang, bagaimana dengan memiliki pedoman desain aksesibilitas yang bermanfaat? Ini akan sangat membantu, bukan? Terus gali untuk menemukan panduan aksesibilitas yang paling efektif.

8 faktor untuk membuat desain yang dapat diakses

Di sini kami telah meneliti semua sumber daya WCAG 2.1 dan mengumpulkan 8 faktor terbaik yang membantu Anda membuat halaman web yang dapat diakses, alat, dan sebagainya. Jadi, periksa delapan faktor berikut dan pastikan aksesibilitas dalam desain UX :

Kontras warna yang tepat

Kontras warna: Aksesibilitas dalam desain

Kontras warna mengacu pada perbedaan warna dan kecerahan antara warna latar depan dan latar belakang. Menurut aksesibilitas web, itu berarti menyediakan konten yang dapat dibaca bahkan oleh seorang buta warna. Disarankan untuk menggunakan warna kontras tinggi antara gambar latar dan teks agar mudah dibaca. Untuk gambar , kontras warna harus 4,5:1 . Selain itu, rasio ini juga sama untuk teks biasa . Selain itu, pertahankan kontras warna 3:1 untuk teks tebal atau besar .

Konten Anda akan dapat dibaca oleh siapa saja jika Anda mempertahankan rasio di atas untuk teks dan gambar Anda.

Konten yang dapat dibaca

Kontras warna bukan satu-satunya faktor yang dapat membuat konten dapat dibaca. Selain itu, Anda perlu mengoptimalkan dan memformat konten untuk meningkatkan keterbacaan. Ikuti panduan di bawah ini untuk mengoptimalkan konten agar lebih mudah dibaca:

  1. Cobalah untuk menggunakan kalimat dan paragraf pendek saat menulis konten.
  2. Gunakan judul dan gambar untuk membuat konten dapat diskalakan.
  3. Jangan gunakan kata- kata rumit dalam konten Anda.
  4. Hindari penggunaan kalimat pasif dalam konten.

Tipografi yang jelas

Untuk meningkatkan aksesibilitas dalam desain, Anda harus hati-hati memilih tipografi untuk konten Anda karena beberapa sulit dibaca. Gunakan font Sans Serif untuk membuat konten Anda dapat dimengerti. Selain memilih font Sans Serif yang dapat dibaca seperti Times New Roman, Arial, Calibri, dll, Anda perlu mengingat beberapa hal. Seperti:

  1. Jangan gunakan jenis font yang berbeda dalam konten Anda. Gunakan satu atau paling banyak dua font untuk konten Anda.
  2. Ukuran font Anda harus 14-16 pt .
  3. Menggunakan teks animasi bukanlah praktik yang baik karena mengurangi keterbacaan konten.
  4. Cobalah untuk meminimalkan penggunaan gaya UPPERCASE dan Italic untuk teks Anda.

Penyesuaian waktu dan gerakan

Pemilihan font: aksesibilitas dalam desain

Kebanyakan orang menambahkan gerakan ke teks mereka untuk membuat konten yang unik dan canggih. Tapi, sambil menambahkan gerakan, mereka menghambat aksesibilitas konten. Dengan demikian, penyandang disabilitas menghadapi kesulitan membaca konten web Anda, dan di sini jumlah orang yang mengalami gangguan penglihatan atau kebutaan adalah 2,2 miliar .

Ini menghancurkan tujuan penulisan konten web karena sebagian besar audiens tidak dapat membaca konten Anda.

Kontrol atas video dan audio

Kontrol atas video: aksesibilitas dalam desain

Saat mengunggah video di web, pastikan ada subtitle yang ditambahkan ke dalamnya. Selain itu, Anda harus menawarkan transkrip untuk konten video dan audio. Selain itu, hentikan pengaturan putar otomatis untuk video karena mungkin akan mengganggu penonton Anda. Berikan kontrol penuh atas pemutaran dan jeda video dan audio kepada audiens Anda.

Navigasi yang konsisten

Aksesibilitas web juga bergantung pada navigasi situs Anda di mana Anda perlu mengingat poin-poin berikut untuk membuat desain yang dapat diakses:

  • Judul halaman harus deskriptif.
  • Tambahkan tautan dan peta situs yang bermakna ke situs web.
  • Menu harus ditambahkan dengan bijak sehingga siapa pun dapat memahami tentang apa halaman itu.
  • Berikan perhatian khusus pada tata letak halaman dan judul dokumen.

Perlu panduan untuk menghapus judul halaman Anda di WordPress?

Pergi melalui blog " 5 cara mudah untuk menghapus judul halaman di WordPress ".

Tombol konversi

Tombol konversi untuk aksesibilitas

Anda harus mengoptimalkan setiap bagian situs web atau konten Anda di mana CTA adalah salah satu bagian terpenting dari situs web Anda. Jadi, perlu menarik perhatian pengunjung Anda. Gunakan font besar dan kata-kata bermakna untuk membuat ajakan bertindak Anda lebih berkonversi. Selain itu, pertahankan kontras warna yang tepat jika tidak, CTA Anda tidak akan terlihat oleh audiens Anda.

Jadi, untuk meningkatkan aksesibilitas dalam desain UX, pastikan Anda telah mempertahankan kontras warna dan ukuran font dengan baik.

Konten non-teks

Anda harus mengoptimalkan tidak hanya konten berbasis teks tetapi juga konten non-teks untuk membuka aksesibilitas yang lebih tinggi untuk produk, layanan, atau situs Anda. Sekarang, untuk mengoptimalkan konten non-teks seperti ikon dan gambar; Anda perlu menambahkan ini dengan mengikuti petunjuk di bawah ini:

  • Gunakan ikon yang terlihat dengan teks terkait sehingga siapa pun dapat memahami konteks di balik penggunaan ini.
  • Harus mempertahankan kontras warna untuk konten non-teks Anda.
  • Ukuran ikon harus lebih besar dari teks.
  • Jangan lupa untuk menambahkan teks alternatif untuk konten non-teks Anda.

Pertanyaan yang sering diajukan

Apakah aksesibilitas dan kegunaan serupa?

Aksesibilitas dan kegunaan tidak serupa. Aksesibilitas berarti membuat konten dan desain web dapat dipahami oleh semua orang di seluruh dunia termasuk penyandang disabilitas. Di sisi lain, Kegunaan sepenuhnya terhubung dengan bagaimana pengguna berinteraksi dengan situs web Anda.

Untuk mendapatkan kegunaan yang lebih tinggi , Anda perlu memastikan pedoman desain aksesibilitas dipertahankan dengan benar. Sederhananya, aksesibilitas dan kegunaan terhubung satu sama lain. Tanpa menjaga aksesibilitas dalam desain, konten web Anda tidak akan mendapatkan kegunaan yang sempurna.

Ingin memeriksa beberapa contoh desain situs web yang buruk?

Lihat blog " 7 contoh desain situs web yang buruk "

Apa masalah aksesibilitas umum?

Berbagai masalah aksesibilitas dapat dihadapi oleh pengguna saat berinteraksi dengan produk dan layanan Anda. Misalnya, orang mungkin memiliki masalah buta warna , mobilitas , pendengaran , dan kejang yang mencegah mereka berinteraksi dengan produk Anda yang dapat menyebabkan kerugian besar.
Sekarang, untuk mengatasi masalah aksesibilitas ini, Anda harus mengikuti panduan desain aksesibilitas yang dibahas di atas. Jadi, buat situs web Anda tidak hanya memikirkan audiens yang Anda targetkan tetapi juga tentang pengguna yang memiliki disabilitas.

Membungkus

Membawa aksesibilitas ke desain adalah perhatian besar karena sebagian besar populasi dunia dinonaktifkan. Jika konten web Anda tidak dapat diakses, pasar Anda akan menyusut secara otomatis. Jadi, persiapkan desain web Anda dengan memikirkan semua orang di seluruh dunia dan buatlah itu dapat diakses & seinklusif mungkin.

Dan kabar baiknya adalah, Anda sudah tahu caranya! Terapkan semua faktor aksesibilitas yang disebutkan di atas ke konten web, produk, atau layanan Anda satu per satu. Selain itu, Anda juga dapat memeriksa contoh desain aksesibilitas dari web untuk mendapatkan lebih banyak ide tentangnya. Jadi, mulailah mengambil langkah untuk membuat konten atau produk web lebih mudah diakses.