Web Content Accessibility Guidelines (WCAG) adalah panduan aksesibilitas untuk desain digital dan web sama seperti aturan POSIX untuk Linux. Dengan mengikuti pedoman ini memastikan bahwa warna web cukup kontras untuk membantu mereka yang memiliki gangguan penglihatan untuk melihat dan membaca desain dengan benar. Ini juga harus sejalan dengan ukuran tipografi untuk memastikan keterbacaannya bersama dengan warna.
Di dunia yang seharusnya lebih inklusif, menambahkan elemen yang mudah diakses ke desain web akan meningkatkan karya dan memungkinkan membaginya dengan lebih banyak orang.
Apa itu Rasio WCAG?
WCAG adalah singkatan dari Web Content Accessibility Guidelines. WCAG membantu siapa saja yang mendesain atau berkreasi untuk web atau internet untuk memastikan desain mereka mencapai target aksesibilitas yang juga merupakan teknik SEO sederhana untuk pengembang web. Ini berarti desain web dapat dinikmati dan digunakan oleh siapa saja tanpa terkecuali mereka yang memiliki gangguan penglihatan atau disabilitas lainnya jika memungkinkan menikmati sebuah web.
Rasio WCAG menetapkan rasio minimum untuk mencapai aksesibilitas target. Ini termasuk kontras warna dan ukuran teks, keduanya memastikan mereka yang memiliki gangguan penglihatan memiliki kesempatan lebih baik untuk melihat, berinteraksi dan menggunakan desain. Mencapai rasio WCAG tidak hanya membantu mereka yang memiliki gangguan penglihatan, tetapi juga meningkatkan pengalaman pengguna untuk semua pengguna web.
Konsorsium World Wide Web mengembangkan standar untuk pengembangan web. Meskipun tidak ada aturan yang ditetapkan untuk aksesibilitas web, WCAG menetapkan standar yang harus dipatuhi oleh desainer web.
Saat menguji rasio kontras, WCAG menyarankan peringkat A hingga AAA. Peringkat A menunjukkan tingkat kontras terendah. AA adalah tingkat kontras dengan rentang menengah yang dianggap sebagai rasio minimum. Terakhir, AAA adalah tingkat kontras tertinggi. Jika mendesain untuk semua orang, tingkat kontras paling baik berada di antara rentang AA dan AAA.
Mengapa Rasio WCAG Penting dalam Desain Grafis dan Web
Desain grafis dan desain web seharusnya tidak hanya membuat informasi terlihat cantik. Desain informasi seharusnya menginformasikan massa yang ini berarti membuat informasi dapat diakses oleh semua orang. Implementasi WCAG memastikan desain yang dapat diakses oleh mereka yang memiliki gangguan penglihatan, disleksia, neurodivergence, atau apa pun yang memengaruhi kemampuan penglihatan atau membaca seseorang.
Desain web dan digital serta pemrograman sudah menerapkan fitur aksesibilitas. Misalnya Windows menyediakan alat aksesibilitas yang bermanfaat bagi pengguna dan sudah umum bagi sebagian besar video YouTube untuk menawarkan subtitel atau teks. Namun kita harus selalu dapat meningkatkan aksesibilitas.
Desain global menciptakan desain yang lebih baik. Semakin banyak orang yang dapat terlibat dengan desain kalian, semakin sukses desain tersebut dan semakin luas jangkauannya. Tidak hanya baik bagi desainer untuk menjangkau lebih banyak orang, tetapi lebih baik bagi dunia jika lebih sedikit orang yang dikecualikan.
Mendesain dengan rasio WCAG dan fitur aksesibilitas dalam desain akan memberikan efek positif pada warna, pilihan tipografi, dan ukuran teks. Kita tidak akan mendesain sesuatu yang sulit dibaca, jadi mengapa tidak menyertakan lebih banyak cara untuk membuat desain dengan keterbacaan yang lebih baik untuk semua orang?
Menerapkan Rasio WCAG dalam Desain Web
Ada beberapa tempat di mana kita dapat memeriksa rasio WCAG dalam desain, seperti situs web contrast checker. Tetapi kita harus tetap mempraktikkan penerapan fitur desain yang dapat diakses ke dalam pekerjaan tanpa bergantung pada pemeriksaan minimal.
Perlu diperhatikan bahwa pedoman kontras tidak berlaku untuk desain logo. Ini karena logo disajikan dalam berbagai ukuran dan seringkali dengan latar belakang yang berbeda. Namun tidak ada salahnya jika mempertimbangkan rasio WCAG saat mendesain logo.
Warna Kontras Tinggi
Menggunakan warna kontras tinggi adalah cara mudah untuk menambahkan inklusivitas pada desain. Warna yang kontras satu sama lain akan membantu mereka yang memiliki gangguan penglihatan dan buta warna untuk melihat desain dengan lebih baik. Tidak hanya itu, bahkan orang yang tidak memiliki gangguan penglihatan pun akan lebih baik dalam melihat dan terlibat dengan desain kalian.
Pernah mencoba membaca teks merah muda dengan latar belakang hijau muda? Hampir tidak mungkin. Tetapi teks biru tua dengan latar belakang kuning muda jauh lebih mudah dilihat dan dibaca.
Warna kontras tinggi berfungsi paling baik saat menempatkan teks pada latar belakang warna atau jika menggunakan jalur kecil dalam ilustrasi. Khroma adalah generator warna AI yang dilengkapi dengan pemeriksa kontras bawaan, salah satu dari banyak alat AI untuk membantu alur kerja desain grafis web.
Cara terbaik untuk memeriksa kontrasnya adalah dengan mengubah desain menjadi skala abu-abu. Jika dapat memisahkan warna dan memahami desain dalam warna hitam dan abu-abu, itu juga akan diterjemahkan dengan baik dalam warna pilihan apapun.
Ukuran teks
Seiring dengan warna teks yang cukup kontras dengan warna latar belakang, teks sendiri harus cukup besar untuk dibaca dengan mudah. Rasio WCAG untuk ukuran teks besar adalah 3:1.
Ukuran teks tidak harus sama untuk semua tipografi, jadi jangan bergantung pada ukuran 12 poin yang biasanya dilihat sebagai ukuran minimum untuk keterbacaan standar untuk semua font. Uji sendiri atau dengan pengujian pengguna dengan menampilkan atau mencetak desain ukuran sebenarnya. Jika warna tidak kontras dengan baik, teks yang lebih besar akan membantu keterbacaan sebagai solusinya.
Keterbacaan Font
Tak perlu dikatakan, tetapi font yang dipilih dalam desain harus mudah dibaca. Font dekoratif atau font kursif sering memiliki masalah keterbacaan. Band heavy metal terkenal menggunakan tipografi yang sulit dibaca untuk logo band mereka misalnya.
Kita juga harus mempertimbangkan kerning dan pelacakan saat menggunakan teks untuk desain kecil. Penspasian huruf juga dapat memengaruhi keterbacaan kata yang diinginkan.
Faktor Aksesibilitas Inklusif
Meskipun kontras warna, ukuran font, dan keterbacaan teks dalam desain web yang dipertimbangkan dalam rasio WCAG, kita juga harus membuat semua desain web dan grafis dengan mempertimbangkan inklusivitas. Jika seorang desainer web yang bekerja dengan pemrogram atau pembuat kode, pastikan menggunakan teknik HTML yang membantu aksesibilitas web. Ada juga fitur aksesibilitas di Canva untuk memperluas jangkauan desain dengan audiens.
Kita tidak boleh hanya berhenti pada persyaratan minimum untuk rasio WCAG jika memiliki kontrol untuk menambahkan teks alt ke gambar, keterangan ke file audio atau video, atau bahkan kata-kata teks yang berguna untuk hyperlink untuk melangkah lebih jauh. Menyertakan fitur aksesibilitas tidak mengecualikan audiens mana pun itu akan mengundang lebih banyak orang.
Merancang Dengan Pedoman Rasio WCAG Meningkatkan Pengunjung
Standar untuk desain web berasal dari World Wide Web Consortium, sebuah komunitas yang membantu praktik terbaik di seluruh web. Konsorsium mengembangkan Pedoman Aksesibilitas Konten Web yang harus diikuti oleh desainer web. Ini memberikan standar rasio untuk pemeriksaan visibilitas saat mendesain untuk web.
Mengikuti pedoman dan standar rasio ini berarti desain web Anda dapat diakses oleh lebih banyak orang.
