Tipografi

Membuat dan mendesain konten yang mudah diakses lebih dari sekadar memilih {i>font<i} yang mudah dibaca. Meskipun dengan jenis font yang dapat diakses, orang-orang dengan gangguan penglihatan, kognitif, bahasa, dan belajar mungkin kesulitan untuk memproses teks karena elemen lain seperti variasi font, ukuran, spasi, dan kerning. Modul ini akan membahas pertimbangan desain dasar untuk membuat konten Anda lebih inklusif dan menjangkau lebih banyak orang.

Jenis Huruf

Faktor utama yang dapat sangat memengaruhi aksesibilitas {i>copy<i} adalah jenis huruf. Pilihan jenis huruf dan gaya Anda dapat menentukan atau merusak desain laman.

Orang yang memiliki gangguan membaca, belajar, dan konsentrasi seperti disleksia dan gangguan hiperaktivitas defisit konsentrasi (ADHD), serta orang dengan gangguan penglihatan, semuanya dapat terbantu jika Anda menggunakan jenis huruf yang mudah diakses.

Memilih jenis huruf yang umum Cara tercepat untuk membuat desain yang aksesibel adalah dengan memilih jenis huruf yang umum (misalnya, Arial, Times New Roman, Calibri, Verdana, dan banyak lagi).

Banyak studi jenis huruf yang menguji penyandang disabilitas menunjukkan bahwa jenis huruf umum menghasilkan kecepatan membaca yang lebih cepat dan tingkat pemahaman yang lebih dalam jika dibandingkan dengan jenis huruf yang tidak umum. Meskipun tipografi umum ini tidak lebih mudah diakses daripada jenis huruf lainnya, beberapa penyandang disabilitas lebih mudah membacanya karena mereka memiliki banyak pengalaman bekerja dengan (atau menggunakan) jenis huruf ini.

Selain memilih jenis huruf yang umum, pastikan untuk menghindari jenis huruf hiasan atau tulisan tangan, serta jenis huruf yang hanya tersedia satu huruf besar/kecil (misalnya, hanya karakter huruf besar). Tipografi khusus dengan desain sambung, bentuk unik, atau fitur artistik seperti garis tipis mungkin terlihat bagus, tetapi bagi sebagian penyandang disabilitas membaca lebih sulit daripada jenis huruf pada umumnya.

Karakteristik dan kerning huruf

Riset tentang apakah jenis huruf serif atau sans serif lebih mudah dibaca tidak meyakinkan, tetapi angka, huruf, atau kombinasi tertentu dapat membingungkan orang dengan pembelajaran berbasis bahasa dan disabilitas kognitif. Untuk orang dengan jenis disabilitas ini, setiap huruf dan angka harus ditentukan dengan jelas dan memiliki karakteristik unik, sehingga huruf tidak akan tertukar dengan angka.

Pelanggar keterbacaan yang umum adalah huruf besar "I" (India), "l" huruf kecil (selada), dan angka "1". Demikian pula, pasangan huruf seperti b/d, p/q, f/t, i/j, m/w, dan n/u terkadang dapat dibalik ke kiri-kanan atau atas-bawah.

Keterbacaan salinan juga akan berkurang jika spasi huruf atau kerning terlalu ketat. Berikan perhatian khusus pada kerning, terutama yang ada di antara pasangan huruf yang bermasalah, r/n. Jika tidak, kata seperti "benang" dapat berubah menjadi "yam" atau "stern" menjadi "stem", sepenuhnya mengubah makna teks.

Koleksi jenis huruf open source seperti Google Fonts dapat membantu Anda memilih jenis huruf paling inklusif untuk desain Anda berikutnya. Jika menggunakan produk Adobe, Anda dapat menyematkan jenis font yang dapat diakses dari partner pengecoran langsung ke dalam desain Anda—ini termasuk Google Fonts tertentu.

Ketika Anda sedang mencari jenis huruf berikutnya, berikan perhatian khusus pada hal-hal berikut ini:

• Gunakan font yang umum jika memungkinkan.
• Hindari penggunaan {i>font<i} yang rumit atau tulisan tangan dan {i>font<i} yang hanya memiliki satu karakter.
• Pilih jenis huruf dengan karakteristik unik—dengan memperhatikan secara khusus huruf besar I, huruf kecil l, dan 1.
• Tinjau kombinasi huruf tertentu untuk memastikan kombinasi tersebut bukan gambar cerminan yang sama persis dengan satu sama lain.
• Periksa kerning, terutama di antara pasangan huruf r/n.

Ukuran font dan gaya tipografi

Sering kali, orang-orang berasumsi bahwa memilih jenis font yang mudah diakses sangatlah penting untuk membuat konten inklusif, tetapi penting juga untuk mempertimbangkan ukuran font dan bagaimana gaya teks di halaman.

Misalnya, orang dengan gangguan penglihatan atau buta warna mungkin tidak dapat membaca beberapa salinan jika terlalu kecil, menggunakan AT—seperti zoom browser—untuk membaca salinan. Sementara pengguna lain, seperti pengguna dengan disleksia atau gangguan membaca, mungkin mengalami kesulitan membaca teks miring. Pembaca layar sering kali mengabaikan metode penataan gaya, seperti cetak tebal dan miring, sehingga maksud gaya ini tidak disampaikan kepada pengguna tunanetra atau yang memiliki gangguan penglihatan.

h2 {font-size: 16px;}

h2 {font-size: 1rem;}

Karena Anda tidak dapat memprediksi apa yang dibutuhkan setiap pengguna, saat menambahkan {i>font<i} ke produk digital Anda, pastikan untuk mempertimbangkan pedoman berikut:

• Ukuran font dasar harus ditentukan dengan nilai relatif (%, rem, atau em) agar perubahan ukuran dapat mudah dilakukan.
• Batasi jumlah variasi jenis huruf seperti warna, tebal, HURUF BESAR SEMUA, dan miring untuk meningkatkan keterbacaan. Sebagai gantinya, gunakan metode untuk menekankan kata dalam salinan, seperti tanda bintang, tanda hubung, atau menyoroti setiap kata.
• Gunakan markup dan bukan teks pada gambar jika memungkinkan. Pembaca layar tidak dapat membaca teks yang disematkan pada gambar (tanpa penambahan kode tambahan), dan teks yang disematkan juga dapat menjadi pecah jika diperbesar oleh pengguna yang memiliki gangguan penglihatan.

Struktur dan tata letak

Meskipun jenis huruf, ukuran font, dan gaya tipografi penting untuk tipografi yang dapat diakses, struktur dan tata letak teks pada halaman juga sama pentingnya untuk pemahaman pengguna.

Tata letak yang kompleks dapat menjadi hambatan nyata bagi pengguna dengan gangguan penglihatan, disabilitas membaca, dan 6,1 juta orang dengan ADHD di AS. Jenis disabilitas ini mempersulit pengguna untuk mempertahankan tempatnya 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 dapat diakses adalah membuat elemen penting berbeda satu sama lain dan mengelompokkan elemen yang serupa menjadi satu. Jika elemen terlalu dekat, sulit untuk mengetahui di mana satu elemen dimulai dan berakhir, terutama jika memiliki gaya visual yang serupa.

Pikirkan salinan Anda sebagai kumpulan poin-poin terpisah pada sebuah ringkasan. Ini akan membantu Anda merencanakan struktur halaman secara keseluruhan dan memungkinkan Anda untuk menggunakan {i>heading<i}, {i>subheadings<i}, dan daftar kapan pun diperlukan.

Spasi

Paragraf, kalimat, dan spasi kata juga penting karena membantu pembaca mempertahankan fokus mereka pada teks dan menambah pemahaman visual halaman secara keseluruhan. Teks panjang dapat menjadi penghambat bagi pembaca penyandang disabilitas, karena mereka kesulitan mempertahankan posisi mereka dan mengikuti alur teks. Blok teks yang sempit memudahkan pembaca untuk melanjutkan ke baris berikutnya.

Perataan konten

Frustrasi lain bagi banyak penyandang disabilitas adalah membaca teks yang dibenarkan. Spasi yang tidak rata antara kata dalam salinan yang dibenarkan dapat menyebabkan "sungai ruang" membentuk halaman di bawah, sehingga membuat salinan sulit dibaca.

Justifikasi teks juga dapat menyebabkan kata-kata disatukan atau dibentangkan dengan cara yang tidak wajar, sehingga pembaca akan kesulitan menemukan batas kata.

Untungnya, ada panduan yang jelas tentang spasi dan alat seperti Good Line-Height dan Golden Ratio Calculator untuk membantu membuat salinan yang lebih mudah diakses. Memasukkan panduan ini membantu orang yang memiliki gangguan defisit perhatian, gangguan membaca, dan gangguan penglihatan lebih berfokus pada teks dan mengurangi tata letak.

Praktik terbaik untuk struktur dan tata letak

Saat mempertimbangkan struktur dan tata letak, pastikan untuk:

• Gunakan elemen seperti {i>heading<i}, {i>subheading<i}, daftar, angka, blok kutipan, dan pengelompokan visual lainnya untuk membagi halaman menjadi beberapa bagian.
• Gunakan paragraf, kalimat, dan spasi kata yang didefinisikan dengan jelas.
• Mem-build kolom salinan dengan lebar tidak melebihi 80 karakter (40 karakter untuk logogram).
• Hindari perataan paragraf dibenarkan, yang akan menimbulkan "sungai ruang" dalam salinan.

Poin-poin tipografi yang aksesibel

Tipografi yang aksesibel dapat diringkas menjadi pilihan desain yang masuk akal berdasarkan pengetahuan Anda tentang kebutuhan pengguna. Dengan mempertimbangkan modul ini saat Anda mendesain dan membuat konten, Anda akan sangat terbantu dalam berkomunikasi secara jelas dengan banyak orang.

Menguji pemahaman Anda

Uji pengetahuan Anda dalam mengukur aksesibilitas