Tipografi

Membuat dan mendesain konten yang mudah diakses tidak hanya sekadar memilih font yang mudah dibaca. Meskipun dengan jenis font yang mudah diakses, orang dengan gangguan penglihatan, kognitif, bahasa, dan belajar mungkin kesulitan memproses teks karena elemen lain seperti variasi font, ukuran, spasi, dan kerning—untuk menyebutkan beberapa.

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 dengan jenis disabilitas ini, setiap huruf dan angka harus ditentukan dengan jelas dan memiliki karakteristik 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 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 ditulis tangan dan font yang hanya memiliki satu huruf besar.
  • Pilih typeface dengan karakteristik unik—dengan memperhatikan secara khusus huruf besar I, huruf kecil l, dan 1.
  • Tinjau kombinasi huruf tertentu untuk memastikannya tidak merupakan salinan tepat dari satu sama lain.
  • Periksa kerning, terutama antara pasangan huruf r dan n.

Ukuran font dan gaya tipografi

Orang sering berasumsi bahwa memilih jenis font yang mudah diakses adalah satu-satunya cara untuk membuat konten yang inklusif, tetapi penting juga untuk mempertimbangkan ukuran font dan gaya teks di 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, SEMUA HURUF BESAR, 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 mudah diakses, struktur dan tata letak teks di halaman juga sama pentingnya bagi pemahaman pengguna.

Tata letak yang rumit dapat menjadi hambatan nyata bagi orang dengan gangguan penglihatan, disabilitas membaca, dan 6,1 juta orang di Amerika Serikat yang menderita 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.

Anggaplah teks Anda sebagai kumpulan setiap poin butir pada outline. Hal ini akan membantu Anda merencanakan struktur halaman secara keseluruhan dan memungkinkan Anda menggunakan judul, subjudul, dan daftar jika sesuai.

Spasi

Jeda 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 dengan disabilitas, karena mereka kesulitan untuk mengingat posisi dan mengikuti alur teks.

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

Penyelarasan 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 spasi" terbentuk di bagian bawah halaman, sehingga teks sulit dibaca.

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

Untungnya, ada pedoman yang jelas tentang spasi dan alat seperti Ketinggian Baris yang Baik dan Kalkulator Rasio Emas untuk membantu membuat teks kita 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 mudah diakses dapat diringkas menjadi pilihan desain yang masuk akal berdasarkan pengetahuan Anda 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.

Salah.
Benar.

Font apa yang paling baik untuk aksesibilitas?

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