Membuat dan mendesain konten yang aksesibel bukan hanya memilih font yang mudah dibaca. Meskipun menggunakan jenis font yang aksesibel, pengguna dengan gangguan penglihatan, kognitif, bahasa, dan kesulitan belajar mungkin kesulitan memproses teks karena elemen lain seperti variasi font, ukuran, spasi, dan kerning—untuk menyebut beberapa di antaranya.
Modul ini membahas pertimbangan desain dasar untuk membuat konten Anda lebih inklusif dan menjangkau lebih banyak orang.
Typeface
Faktor utama yang dapat sangat memengaruhi aksesibilitas teks adalah typeface. Pilihan typeface dan gaya Anda dapat menentukan kualitas desain halaman.
Pengguna dengan gangguan membaca, belajar, dan perhatian seperti disleksia dan gangguan hiperaktivitas defisit perhatian (ADHD), serta pengguna dengan gangguan penglihatan, dapat memperoleh manfaat jika Anda menggunakan typeface yang aksesibel.
Memilih typeface umum
Cara tercepat untuk membuat desain yang aksesibel adalah memilih typeface umum (seperti Arial, Times New Roman, Calibri, Verdana, dan banyak lainnya).
Banyak studi typeface yang menguji pengguna penyandang disabilitas menunjukkan bahwa typeface umum menghasilkan kecepatan membaca yang lebih cepat dan tingkat pemahaman yang lebih mendalam jika dibandingkan dengan typeface yang tidak umum. Meskipun typeface umum tidak secara inheren lebih aksesibel daripada typeface lainnya, beberapa pengguna penyandang disabilitas lebih mudah membacanya karena mereka memiliki banyak pengalaman menggunakan (atau mengatasi) typeface ini.
Selain memilih typeface umum, pastikan untuk menghindari typeface yang rumit atau tulisan tangan, serta typeface yang hanya memiliki satu kasus karakter (misalnya, hanya karakter huruf besar). Typeface khusus dengan desain kursif, bentuk unik, atau fitur artistik seperti garis tipis mungkin terlihat bagus, tetapi jauh lebih sulit dibaca oleh beberapa pengguna penyandang disabilitas dibandingkan dengan typeface umum.
Karakteristik huruf dan kerning
Penelitian tentang apakah typeface serif atau sans serif lebih mudah dibaca tidak dapat disimpulkan, tetapi angka, huruf, atau kombinasi tertentu dapat membingungkan pengguna dengan gangguan belajar dan kognitif berbasis bahasa. Bagi pengguna dengan jenis disabilitas ini, setiap huruf dan angka harus ditentukan dengan jelas dan memiliki karakteristik unik, sehingga huruf tidak tertukar dengan angka.
Pelanggar keterbacaan umum adalah I (India) huruf besar, l
(selada) huruf kecil, dan angka 1. Demikian pula, pasangan huruf seperti b dan d, p dan
q, f dan t, i dan j, m dan w, serta n dan u mungkin terlihat terbalik,
baik kiri-kanan maupun atas-bawah, bagi beberapa pembaca.
Keterbacaan teks juga menurun jika spasi huruf atau kerning terlalu rapat. Perhatikan kerning dengan cermat, terutama antara pasangan huruf r/n yang bermasalah. Jika tidak, kata-kata seperti "yarn" dapat berubah menjadi "yam" atau "stern" menjadi "stem", yang sepenuhnya mengubah arti teks.
Koleksi typeface open source seperti Google Fonts dapat membantu Anda memilih typeface yang paling inklusif untuk desain berikutnya. Jika menggunakan produk Adobe, Anda dapat menyematkan jenis font yang aksesibel dari partner foundry langsung ke dalam desain Anda—hal ini mencakup Google Fonts tertentu.
Saat mencari typeface berikutnya, perhatikan hal-hal berikut:
- Gunakan font umum jika memungkinkan.
- Hindari penggunaan font yang rumit atau tulisan tangan dan font yang hanya memiliki satu kasus karakter.
- Pilih typeface dengan karakteristik unik—perhatikan huruf I besar, l kecil, dan 1.
- Tinjau kombinasi huruf tertentu untuk memastikan bahwa kombinasi tersebut bukan merupakan gambar cermin yang sama persis.
- Periksa kerning, terutama antara pasangan huruf r dan n.
Ukuran font dan gaya tipografi
Pengguna sering menganggap bahwa memilih jenis font yang aksesibel adalah satu-satunya hal yang perlu dilakukan untuk membuat konten yang inklusif, tetapi penting juga untuk mempertimbangkan ukuran font dan gaya teks di halaman.
Misalnya, pengguna dengan gangguan penglihatan atau buta warna mungkin tidak dapat membaca beberapa teks jika terlalu kecil, menggunakan teknologi bantu—seperti zoom browser untuk membaca teks. Pengguna lain, seperti pengguna dengan disleksia atau gangguan membaca, mungkin mengalami kesulitan membaca teks miring. Pembaca layar sering mengabaikan metode gaya, seperti tebal dan miring, sehingga maksud dari gaya ini tidak disampaikan kepada pengguna tunanetra atau gangguan penglihatan.
h2 {font-size: 16px;}h2 {font-size: 1rem;}Karena Anda tidak dapat memprediksi kebutuhan setiap pengguna, saat menambahkan font ke situs dan aplikasi web, pastikan untuk mempertimbangkan panduan berikut:
- Ukuran font dasar harus ditentukan dengan nilai relatif (%, rem, atau em) agar dapat diubah ukurannya.
- Batasi jumlah variasi typeface seperti warna, tebal, HURUF BESAR, dan miring untuk meningkatkan keterbacaan. Sebagai gantinya, gunakan metode untuk menekankan kata-kata dalam teks Anda, seperti tanda bintang, tanda hubung, atau menandai kata tertentu.
- Gunakan markup, bukan teks pada gambar jika memungkinkan. Pembaca layar tidak dapat membaca teks yang disematkan pada gambar (tanpa kode tambahan), dan teks yang disematkan juga dapat menjadi berpiksel saat diperbesar oleh pengguna dengan gangguan penglihatan.
Struktur dan tata letak
Meskipun typeface, ukuran font, dan gaya tipografi penting untuk tipografi yang aksesibel, struktur dan tata letak teks di halaman dapat sama pentingnya dengan pemahaman pengguna.
Tata letak yang kompleks dapat menjadi penghalang nyata bagi pengguna dengan gangguan penglihatan, gangguan membaca , dan 6,1 juta pengguna di Amerika Serikat dengan ADHD. Jenis disabilitas ini membuat pengguna lebih sulit untuk mengingat posisi mereka dan mengikuti alur teks karena tidak adanya jalur linear yang jelas, judul yang tidak ada, dan elemen yang tidak dikelompokkan.
Aspek penting dari desain tata letak yang aksesibel adalah membuat elemen penting berbeda satu sama lain dan mengelompokkan elemen serupa. Jika elemen terlalu dekat, akan sulit untuk mengetahui di mana satu elemen dimulai dan berakhir, terutama jika memiliki gaya yang serupa.
Anggap teks Anda sebagai kumpulan poin-poin individual dalam kerangka. Hal ini akan membantu Anda merencanakan struktur halaman secara keseluruhan dan memungkinkan Anda menggunakan judul, subjudul, dan daftar jika sesuai.
Spasi
Spasi paragraf, kalimat, dan kata membantu pembaca mempertahankan fokus pada teks dan menambah pemahaman visual keseluruhan halaman. Baris teks yang panjang dapat menjadi penghalang bagi pembaca penyandang disabilitas, karena mereka kesulitan mengingat posisi mereka dan mengikuti alur teks.
Blok teks yang sempit memudahkan pembaca untuk melanjutkan ke baris berikutnya.
Penjajaran konten
Hal lain yang membuat banyak pengguna penyandang disabilitas frustrasi adalah membaca teks yang rata kanan-kiri. Spasi yang tidak rata di antara kata-kata dalam teks yang rata kanan-kiri dapat menyebabkan "sungai spasi" terbentuk di halaman, sehingga teks sulit dibaca.
Penjajaran teks juga dapat menyebabkan kata-kata dikelompokkan atau direntangkan dengan cara yang tidak wajar, sehingga pembaca dapat kesulitan menemukan batas kata.
Untungnya, ada panduan yang jelas tentang spasi dan alat seperti Good Line-Height dan Golden Ratio Calculator untuk membantu membuat teks kita lebih aksesibel. Menggabungkan panduan ini membantu pengguna dengan gangguan defisit perhatian, gangguan membaca, dan gangguan penglihatan untuk lebih fokus pada teks dan tidak terlalu fokus pada tata letak.
Praktik terbaik untuk struktur dan tata letak
Saat mempertimbangkan struktur dan tata letak, pastikan untuk:
- Menggunakan elemen seperti judul, subjudul, daftar, angka, blok kutipan, dan pengelompokan visual lainnya untuk membagi halaman menjadi beberapa bagian.
- Menggunakan spasi paragraf, kalimat, dan kata yang ditentukan dengan jelas.
- Membuat kolom teks yang lebarnya kurang dari 80 karakter (40 karakter untuk logogram).
- Menghindari penjajaran paragraf rata kanan-kiri, yang membuat "sungai spasi" dalam teks.
Poin penting tipografi yang aksesibel
Tipografi yang aksesibel dapat disederhanakan menjadi pilihan desain yang masuk akal berdasarkan pengetahuan Anda tentang kebutuhan pengguna. Mengingat modul ini saat Anda mendesain dan membuat konten akan sangat membantu Anda berkomunikasi dengan jelas kepada sebanyak mungkin orang.