Pedoman desain aksesibilitas: membangun situs web untuk audiens yang lebih luas

Desain web yang dapat diakses membantu menjadikan web tempat yang lebih baik bagi semua orang.

Cacat sementara seperti patah tangan, atau kondisi permanen seperti disleksia, semuanya memengaruhi kemampuan seseorang untuk menavigasi situs web. Membuat situs web yang lebih mudah diakses berarti menambahkan fitur untuk menghilangkan hambatan potensial yang mungkin menghambat pengunjung mengakses informasi.

Inklusivitas dimulai dengan pedoman desain aksesibilitas. Dan meskipun tidak mungkin untuk membuat situs web yang dapat dinavigasi dengan sempurna, kita dapat — dan harus — mencoba.

Apa itu aksesibilitas dalam desain web?

Desain yang buruk membatasi cara orang terlibat dengan situs web, termasuk 1 dari 4 orang Amerika yang dilaporkan memiliki disabilitas oleh CDC. Standar aksesibilitas desain web mengoptimalkan halaman web untuk memastikan situs tetap dapat digunakan oleh sebanyak mungkin orang, termasuk penyandang disabilitas, perubahan kemampuan, koneksi internet yang buruk, orang yang menggunakan teknologi bantuan, dan banyak lagi.

Desainer web harus mempertimbangkan apakah orang dengan disabilitas visual, pendengaran, mobilitas, kognitif, atau lainnya dapat menikmati dan menafsirkan elemen situs. Ini termasuk memastikan semua foto memiliki teks alternatif yang ditulis dengan mempertimbangkan pembaca layar, memilih warna kontras tinggi untuk membuat teks lebih mudah dibaca, dan menawarkan transkrip dan teks untuk konten video.

Desain web yang tidak dapat diakses juga memengaruhi pemilik situs. Jika calon pelanggan tidak dapat mencapai tujuan seperti membeli produk, menghubungi bisnis, atau mencari informasi, itu merugikan konversi dan mengasingkan audiens.

Jenis pertimbangan aksesibilitas

Memahami berbagai jenis disabilitas dan pertimbangan yang perlu dipertimbangkan sebelum mendesain, memungkinkan Anda menggabungkan fitur untuk membuat situs web dengan lebih baik dengan opsi akses untuk berbagai disabilitas atau teknologi bantuan. Anda tidak dapat mengatasi pertimbangan secara efektif dengan pemahaman tingkat permukaan.

Beberapa pertimbangan aksesibilitas umum yang perlu diperhatikan:

Cacat penglihatan (misalnya kebutaan, buta warna)
Cacat mobilitas (misalnya kontrol otot, radang sendi, gangguan gerakan fungsional)
Cacat pendengaran (misalnya gangguan pendengaran, gangguan pemrosesan pendengaran)
Risiko kejang (mereka yang menderita epilepsi fotosensitif)
Ketidakmampuan kognitif dan belajar (misalnya disleksia, gangguan pemrosesan, gangguan memori)

Sebelum menyelami desain web yang dapat diakses, teliti berbagai disabilitas dan akomodasi potensial untuk mereka melalui konten atau platform advokat aksesibilitas seperti W3. Daftar periksa aksesibilitas Webflow adalah cara lain untuk membangun lebih mudah diakses dengan Webflow.

Aksesibilitas di Webflow

Pelajari tentang komitmen kami terhadap aksesibilitas web dan bagaimana Anda dapat membangun pengalaman online yang lebih mudah diakses.

Apa itu WCAG?

Cara lain untuk mempelajari tentang teknologi bantuan adalah Pedoman Aksesibilitas Konten Web (WCAG), yang merupakan bagian dari Inisiatif Aksesibilitas Web (WAI) W3. Ini secara langsung mencakup sisi konten web aksesibilitas untuk membantu situs web memenuhi standar Undang-Undang Penyandang Disabilitas Amerika (ADA).

WCAG menggunakan sistem peringkat yang dapat dipelajari dan direferensikan oleh pengalaman pengguna (UX) dan desainer produk selama proses desain:

Level A adalah ambang batas minimum yang dapat diterima untuk fitur aksesibilitas dan tidak mencapai aksesibilitas yang luas. Itu harus dapat dinavigasi dengan keyboard dan menyampaikan makna melalui elemen non-visual. Tingkat ini mencakup aturan seputar presentasi CAPTCHA, alternatif teks untuk konten audio dan video yang telah direkam sebelumnya, serta teks yang telah direkam sebelumnya dan alternatif teks untuk konten sensorik.
Level AA berarti situs memiliki kepatuhan yang dapat diterima — sebagian besar pengunjung menganggapnya dapat digunakan, termasuk penyandang disabilitas. Situs web pada tingkat ini harus memiliki teks alt, elemen navigasi yang konsisten, judul logis, dan banyak lagi. Desain ini juga menyertakan opsi aksesibilitas seperti teks video langsung dan deskripsi audio yang telah direkam sebelumnya, tergantung pada konten situs.
Level AAA optimal untuk desain situs dan mencakup semua yang tercakup dalam dua level pertama serta opsi kontras maksimum, aturan tiga flash (tidak lebih dari tiga flash dalam satu detik), interpretasi bahasa isyarat untuk konten audio atau video, dan singkatan yang diperluas. Meskipun tidak ada yang namanya situs web yang dapat diakses dengan sempurna, mereka yang berada di level ini sedekat mungkin, menurut standar WCAG.

Ini adalah beberapa contoh aturan aksesibilitas yang ditemukan dalam empat pedoman utama WCAG, masing-masing dengan subset faktor deskriptif:

Terlihat: termasuk alternatif teks, media berbasis waktu, input yang dapat disesuaikan, penggunaan warna yang dapat dibedakan, dan ukuran serta spasi teks.
Dapat dioperasikan: termasuk aksesibilitas keyboard dan pintasan, cukup waktu untuk beroperasi, reaksi fisik, halaman web yang dapat dinavigasi, dan judul serta modal input yang jelas seperti gerakan penunjuk dan ukuran target.
Dapat dipahami: berkaitan dengan keterbacaan, navigasi yang konsisten, dan opsi bantuan input seperti identifikasi kesalahan serta label dan instruksi yang jelas.
Kuat: berkaitan dengan konten yang dapat diinterpretasikan oleh berbagai orang, termasuk mereka yang menggunakan teknologi bantuan.

4 tips untuk merancang aksesibilitas

Mengambil pedoman WCAG dengan serius berarti menciptakan situs yang lebih dapat diakses dan inklusif tanpa mengorbankan desain:

Temukan alat yang tepat Lakukan pengujian pengguna situs web dan gunakan alat pemantauan kinerja situs untuk menemukan area yang perlu diperbaiki dalam desain situs. Kemudian, teliti alat terbaik untuk mengatasi kelemahan dalam aksesibilitas situs Anda. Misalnya, kecerdasan buatan dapat memeriksa rasio warna yang dapat diakses dan teks alternatif pada gambar, dan menggabungkan antarmuka pengguna suara akan memungkinkan orang berinteraksi dengan situs web Anda tanpa tangan.
Jangan lupakan prinsip desain Prinsip desain visual seperti ukuran font, kontras, repetisi, skala, dan hierarki visual membuat situs web terlihat lebih baik dan lebih dapat diakses. Terapkan sistem desain UX untuk menyelaraskan dengan standar WCAG sambil mempertahankan merek yang konsisten.
Uji kembali Setelah membuat perubahan, uji situs Anda dengan sekelompok peserta yang luas dengan berbagai masalah aksesibilitas untuk memastikan kepuasan pengguna. Periksa tiga kali apakah situs Anda memenuhi setidaknya peringkat WCAG tingkat AA sebelum dipublikasikan.
Mengatur pedoman aksesibilitas Dari postingan blog hingga biodata karyawan baru, tim sering menambahkan konten baru. Terapkan pedoman aksesibilitas internal selama proses pembuatan, desain, dan pengunggahan konten sehingga siapa pun yang bertanggung jawab untuk menambahkan konten situs memahami apa yang diperlukan.