Tipografi

Membuat dan mendesain konten yang mudah diakses tidak hanya sekadar memilih font yang mudah dibaca. Meskipun dengan jenis font yang mudah diakses, pengguna dengan gangguan penglihatan, kognitif, bahasa, dan belajar mungkin kesulitan memproses teks karena elemen lain seperti variasi font, ukuran, spasi, dan kerning—dan 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 jenis huruf dan gaya visual Anda dapat membuat atau merusak desain halaman.

Orang dengan gangguan membaca, belajar, dan perhatian seperti disleksia dan gangguan hiperaktifitas defisit perhatian (ADHD), serta orang dengan gangguan penglihatan, semuanya dapat memperoleh manfaat jika Anda menggunakan typeface yang mudah diakses.

Pilih typeface umum Cara tercepat untuk membuat desain yang mudah diakses adalah dengan memilih typeface umum (seperti Arial, Times New Roman, Calibri, Verdana, dan banyak lagi).

Banyak studi typeface yang menguji orang-orang dengan 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 mudah diakses daripada typeface lainnya, beberapa penyandang disabilitas lebih mudah membacanya karena mereka memiliki banyak pengalaman menggunakan (atau menyesuaikan) typeface ini.

Selain memilih typeface umum, pastikan untuk menghindari typeface hiasan atau tulisan tangan, serta typeface yang hanya memiliki satu kasus karakter (misalnya, hanya karakter besar). Jenis huruf khusus ini dengan desain kursif, bentuk unik, atau fitur artistik seperti garis tipis mungkin terlihat bagus, tetapi jauh lebih sulit dibaca oleh beberapa penyandang disabilitas daripada jenis huruf umum.

Karakteristik huruf dan kerning

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

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

Keterbacaan teks juga berkurang jika spasi huruf atau kerning terlalu rapat. Perhatikan dengan cermat kerning, terutama antara pasangan huruf yang bermasalah r/n. 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 dapat diakses dari partner foundry langsung ke dalam desain Anda—termasuk 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 karakter huruf besar/kecil.
  • Pilih typeface dengan karakteristik unik—dengan memperhatikan secara khusus huruf besar I, huruf kecil l, dan 1.
  • Tinjau kombinasi huruf tertentu untuk memastikan kombinasi tersebut bukan merupakan gambar duplikat yang persis satu sama lain.
  • Periksa kerning, terutama antara pasangan huruf r dan n.

Ukuran font dan gaya tipografi

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

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

Larangan
h2 {font-size: 16px;}
Anjuran
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) untuk memungkinkan pengubahan ukuran.
  • Batasi jumlah variasi typeface seperti warna, tebal, HURUF BESAR SEMUA, dan miring untuk meningkatkan keterbacaan. Sebagai gantinya, gunakan metode untuk menekankan kata dalam teks Anda, seperti tanda bintang, tanda hubung, atau menandai setiap kata.
  • Gunakan markup, bukan teks, pada gambar jika memungkinkan. Pembaca layar tidak dapat membaca teks tersemat pada gambar (tanpa kode tambahan yang ditambahkan), dan teks tersemat juga dapat menjadi pecah saat diperbesar oleh pengguna dengan 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 bisa sama pentingnya untuk pemahaman pengguna.

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

Pikirkan salinan Anda sebagai kumpulan poin-poin individual pada sebuah garis besar. Dengan cara ini, Anda akan merencanakan struktur halaman secara keseluruhan dan memungkinkan Anda menggunakan judul, subjudul, dan daftar jika diperlukan.

Spasi

Paragraf, kalimat, dan spasi kata membantu pembaca mempertahankan fokus mereka pada teks dan menambah pemahaman visual halaman secara keseluruhan. Baris teks yang panjang dapat menjadi penghalang bagi pembaca dengan disabilitas, karena mereka kesulitan untuk mengingat posisi dan mengikuti alur teks.

Blok teks yang sempit memudahkan pembaca untuk melanjutkan ke baris berikutnya.

Perataan konten

Kesulitan lain bagi banyak penyandang disabilitas adalah membaca teks yang rata. Spasi yang tidak merata di antara kata dalam teks rata kanan-kiri dapat menyebabkan "jalur lebar ruang" terbentuk di bagian bawah halaman, sehingga teks sulit dibaca.

Justifikasi teks juga dapat menyebabkan kata dikelompokkan atau direntangkan secara tidak wajar, sehingga pembaca dapat kesulitan menemukan batas kata.

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. Mengintegrasikan panduan ini membantu orang dengan gangguan perhatian, membaca, dan disabilitas berbasis penglihatan lebih berfokus pada teks dan tidak terlalu memperhatikan tata letak.

Praktik terbaik untuk struktur dan tata letak

Saat mempertimbangkan struktur dan tata letak, pastikan untuk:

  • Gunakan elemen seperti judul, subjudul, daftar, angka, blok kutipan, dan pengelompokan visual lainnya untuk membagi halaman menjadi beberapa bagian.
  • Gunakan spasi paragraf, kalimat, dan kata yang jelas.
  • Buat kolom teks yang lebarnya kurang dari 80 karakter (40 karakter untuk logogram).
  • Hindari perataan paragraf yang rata, yang akan membuat "jalur ruang" dalam teks.

Poin penting tipografi yang mudah diakses

Tipografi yang aksesibel bisa diringkas menjadi pilihan desain yang masuk akal berdasarkan pengetahuan tentang kebutuhan pengguna. Mempertimbangkan modul ini saat mendesain dan membuat konten akan sangat membantu Anda berkomunikasi dengan jelas kepada sebanyak mungkin orang.

Memeriksa pemahaman Anda

Uji pengetahuan Anda tentang cara mengukur aksesibilitas

Untuk teks yang mudah dibaca, saya harus selalu menggunakan kontras tinggi antara teks dan latar belakang.

Benar.
Salah.

Font apa yang paling baik untuk aksesibilitas?

Jenis huruf yang mudah diakses.
Font sistem seperti Arial dan Verdana.
Keduanya sama saja.