Tipografi

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

Jenis huruf

Faktor utama yang sangat memengaruhi aksesibilitas teks adalah jenis huruf. Pilihan jenis huruf dan gaya Anda dapat membuat atau merusak desain laman apa pun.

Orang dengan gangguan membaca, belajar, dan perhatian seperti disleksia dan gangguan pemusatan perhatian (attention-deficit hyperactivity gangguan/ADHD), serta orang dengan gangguan penglihatan, semuanya dapat memanfaatkan jenis huruf yang mudah diakses.

Memilih tipografi 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 typeface yang umum digunakan menghasilkan kecepatan membaca yang lebih cepat dan tingkat pemahaman yang lebih dalam jika dibandingkan dengan typeface yang tidak umum. Meskipun tipografi umum ini tidak secara inheren lebih mudah diakses daripada tipografi lainnya, beberapa penyandang disabilitas lebih mudah membacanya karena mereka telah memiliki banyak pengalaman bekerja dengan (atau seputar) tipografi ini.

Selain memilih typeface yang umum, pastikan untuk menghindari typeface berornamen atau tulisan tangan, serta typeface yang hanya memiliki satu karakter huruf besar (misalnya, hanya karakter huruf besar). Typeface khusus dengan desain tulis tangan, bentuk unik, atau fitur artistik seperti garis tipis mungkin terlihat bagus, tetapi beberapa orang penyandang disabilitas jauh lebih sulit untuk membaca tipografi daripada tipografi umum.

Karakteristik huruf dan kerning

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

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

Keterbacaan salinan juga berkurang ketika spasi huruf atau kerning terlalu ketat. Berikan perhatian khusus pada kerning, terutama di antara elemen pasangan huruf r/n. Jika tidak, kata-kata seperti "yarn" bisa diubah ke "yam" atau "stern" untuk "membuang", sepenuhnya mengubah arti dari salinan tersebut.

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

Ketika mencari jenis huruf berikutnya, perhatikan hal-hal berikut:

• Gunakan font umum jika memungkinkan.
• Hindari penggunaan font yang rumit atau tulisan tangan dan font yang hanya memiliki satu kapitalisasi karakter.
• Pilihlah {i>typeface<i} dengan karakteristik yang unik—dengan memberi perhatian khusus pada huruf besar I, huruf l huruf kecil, dan angka 1.
• Tinjau kombinasi huruf tertentu untuk memastikan kombinasi tersebut bukan merupakan bayangan yang sama persis satu sama lain.
• Periksa kerning, terutama antara pasangan huruf r/n.

Ukuran font dan gaya tipografi

Orang sering beranggapan bahwa memilih jenis font yang dapat diakses adalah hal yang penting untuk membuat konten inklusif, tetapi penting juga untuk mempertimbangkan ukuran font dan cara penataan gaya teks pada halaman.

Misalnya, pengguna dengan gangguan penglihatan atau buta warna mungkin tidak dapat membaca beberapa salinan jika terlalu kecil, menggunakan AT—seperti zoom browser—untuk membaca salinan tersebut. Sementara pengguna lain, seperti mereka yang menderita disleksia atau gangguan membaca, mungkin mengalami kesulitan membaca teks miring. Pembaca layar sering mengabaikan metode penataan gaya, seperti huruf tebal dan miring, sehingga maksud dari 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 kebutuhan 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) ke memungkinkan pengubahan ukuran dengan mudah.
• Batasi jumlah variasi typeface seperti warna, tebal, HURUF BESAR SEMUA, dan miring untuk meningkatkan keterbacaan. Sebaliknya, gunakan metode untuk menekankan kata-kata dalam salinan Anda, seperti tanda bintang, tanda hubung, atau penandaan setiap kata.
• Gunakan markup, bukan teks pada gambar, jika memungkinkan. {i>Screen reader<i} tidak dapat membaca teks yang disematkan pada gambar (tanpa penambahan kode tambahan), dan teks tersemat juga dapat menjadi {i>pixel<i} ketika diperbesar oleh pengguna yang memiliki gangguan penglihatan.

Struktur dan tata letak

Sementara jenis huruf, ukuran {i>font<i}, dan gaya tipografi penting untuk dapat diakses tipografi, struktur dan tata letak salinan pada halaman dapat sama pentingnya untuk dipahami oleh pengguna.

Tata letak yang kompleks dapat menjadi hambatan nyata bagi orang dengan gangguan penglihatan, membaca disabilitas, dan 6,1 juta orang yang menderita ADHD di AS. Jenis disabilitas ini mempersulit orang untuk mempertahankan menempatkan teks itu dan mengikuti alur salinan karena kurangnya jalur linier yang jelas, tidak adanya {i>heading<i}, dan elemen yang tidak dikelompokkan.

Aspek penting dari desain tata letak yang mudah diakses adalah membuat elemen penting berbeda satu sama lain dan mengelompokkan elemen yang serupa bersama-sama. Jika elemen terlalu dekat, akan sulit untuk mengetahui di mana satu elemen dimulai dan berakhir, terutama jika mereka memiliki gaya yang serupa.

Pikirkan salinan Anda sebagai kumpulan poin-poin individual pada garis besar. Hal ini akan membantu Anda merencanakan keseluruhan struktur halaman dan memungkinkan Anda menggunakan {i>heading<i}, {i>subheadings<i}, dan daftar jika diperlukan.

Spasi

Paragraf, kalimat, dan spasi kata juga penting karena membantu pembaca mempertahankan fokus mereka pada teks dan menambah pemahaman visual halaman secara keseluruhan. Baris teks yang panjang dapat menjadi hambatan bagi pembaca penyandang disabilitas, karena mereka kesulitan mempertahankan posisi 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 salin. Spasi yang tidak merata di antara kata-kata dalam teks yang dibenarkan dapat menyebabkan "sungai dari spasi" untuk membentuk halaman ke bawah, membuat salinannya sulit dibaca.

Justifikasi teks juga dapat menyebabkan kata-kata dikelompokkan atau membentang dengan cara yang tidak alami, sehingga pembaca dapat merasa sulit untuk menemukan kata batasan data.

Untungnya, ada pedoman yang jelas tentang spasi dan alat seperti Tinggi Garis yang Baik dan Kalkulator Rasio Emas untuk membantu membuat salinan kami lebih mudah diakses. Memasukkan pedoman ini akan membantu orang-orang dengan gangguan kurangnya perhatian, membaca, dan gangguan penglihatan untuk lebih berfokus pada teks dan lebih sedikit pada tata letak.

Praktik terbaik untuk struktur dan tata letak

Saat mempertimbangkan struktur dan tata letak, pastikan untuk:

• Gunakan elemen seperti {i>heading<i}, {i>subheadings<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.
• Buat kolom teks yang lebarnya tidak melebihi 80 karakter (40 untuk logogram).
• Hindari perataan paragraf kanan-kiri, yang menimbulkan "sungai ruang" dalam salinannya.

Poin-poin tipografi yang mudah diakses

Tipografi yang aksesibel bisa diringkas menjadi pilihan desain yang masuk akal berdasarkan berdasarkan pengetahuan Anda tentang mereka. Ingat modul ini ketika Anda merancang dan membangun konten akan bermanfaat untuk membantu Anda berkomunikasi secara jelas dengan banyak orang.

Menguji pemahaman Anda

Uji pengetahuan Anda tentang mengukur aksesibilitas