Yazı biçimi

Erişilebilir içerik oluşturmak ve tasarlamak, kolay okunabilen bir yazı tipi seçmekten daha fazlasıdır. Az gören, bilişsel, dil ve öğrenme engelli kullanıcılar, erişilebilir yazı tipi ailelerinin kullanılmasına rağmen yazı tipinin varyasyonları, boyutu, aralığı ve kerning gibi diğer öğeler nedeniyle metni işlemekte zorluk yaşayabilir.

Bu modülde, içeriğinizin daha kapsayıcı olmasını ve daha fazla kişiye ulaşmasını sağlamak için temel tasarım hususları ele alınmaktadır.

Yazı tipi

Metin erişilebilirliğini önemli ölçüde etkileyen bir faktör yazı tipidir. Yazı tipi ve stil seçiminiz, sayfa tasarımını etkileyebilir.

Disleksi ve dikkat eksikliği hiperaktivite bozukluğu (ADHD) gibi okuma, öğrenme ve dikkat bozuklukları olan kişilerin yanı sıra az gören kişiler de erişilebilir yazı tiplerinden yararlanabilir.

Yaygın yazı tipleri seçin erişilebilir bir tasarım oluşturmanın en hızlı yolu, yaygın bir yazı tipi (ör. Arial, Times New Roman, Calibri, Verdana ve diğerleri) seçmektir.

Engelli kullanıcıların test edildiği birçok yazı tipi çalışması, yaygın yazı tiplerinin, yaygın olmayan yazı tiplerine kıyasla daha hızlı okuma hızlarına ve daha derin bir anlama düzeyine yol açtığını gösteriyor. Yaygın yazı tipleri, diğer yazı tiplerine kıyasla doğal olarak daha erişilebilir olmasa da bu yazı tipleriyle (veya bu yazı tipleriyle ilgili) çok fazla deneyime sahip olan bazı engelli kullanıcılar bu yazı tiplerini daha kolay okuyabilir.

Yaygın bir yazı tipi seçmenin yanı sıra süslü veya el yazısı yazı tiplerinin yanı sıra yalnızca bir karakter büyük/küçük harf seçeneği sunan yazı tiplerinden (ör. yalnızca büyük harf karakterler) de kaçının. Eğik tasarımlar, tuhaf şekiller veya ince çizgiler gibi sanatsal özelliklere sahip bu özel yazı tipleri hoş görünebilir ancak bazı engelli kullanıcılar için normal yazı tiplerine kıyasla çok daha zor okunur.

Harf özellikleri ve kerning

Serif veya sans serif yazı tiplerinin hangisinin daha kolay okunabildiği konusundaki araştırmalar kesin bir sonuca varmamıştır. Ancak belirli sayılar, harfler veya kombinasyonlar dil temelli öğrenme ve bilişsel engelli kişileri şaşırtabilir. Bu tür engelli kullanıcılar için her harf ve rakamın net bir şekilde tanımlanması ve benzersiz özelliklere sahip olması gerekir. Böylece harfler rakamlarla karıştırılmaz.

Okunabilirliği olumsuz etkileyen yaygın karakterler büyük harf "I" (Hindistan), küçük harf "l" (lahana) ve "1" rakamıdır. Benzer şekilde, b/d, p/q, f/t, i/j, m/w ve n/u gibi harf çiftleri bazı okuyucular için bazen sağa sola veya yukarı aşağı dönebilir.

Harf aralığı veya kerning çok dar olduğunda metnin okunabilirliği de azalır. Özellikle r/n harf çifti arasındaki kerning'e dikkat edin. Aksi takdirde, "iplik" gibi kelimeler "patates"e veya "kıç" gibi kelimeler "sap"a dönüşerek metnin anlamını tamamen değiştirebilir.

Google Fonts gibi açık kaynaklı yazı karakteri koleksiyonları, bir sonraki tasarımınız için en kapsayıcı yazı tipini seçmenize yardımcı olabilir. Adobe ürünlerini kullanıyorsanız yazı tipi üreticisi iş ortaklarının erişilebilir yazı tipi ailelerini doğrudan tasarımlarınıza yerleştirebilirsiniz. Belirli Google Fonts yazı tipleri de buna dahildir.

Bir sonraki yazı tipinizi ararken aşağıdakilere özellikle dikkat edin:

  • Mümkün olduğunda yaygın yazı tiplerini kullanın.
  • Ayrıntılı veya el yazısıyla yazılmış yazı tipleri ve yalnızca bir karakterin büyük harf kullanımı kullanmaktan kaçının.
  • Büyük harf I, küçük harf l ve 1'e özellikle dikkat ederek benzersiz özelliklere sahip bir yazı tipi seçin.
  • Belirli harf kombinasyonlarının birbirinin tam yansıması olmadığından emin olmak için bunları inceleyin.
  • Özellikle r ile n harf çifti arasındaki kerning'i kontrol edin.

Yazı tipi boyutu ve yazım stili

Kullanıcılar genellikle kapsayıcı içerik oluşturmak için erişilebilir bir yazı tipi ailesi seçmenin yeterli olduğunu düşünür. Ancak yazı tipi boyutunu ve metnin sayfadaki stilini de dikkate almak önemlidir.

Örneğin, görme yetersizliği veya renk körlüğü olan kişiler, metin çok küçükse metni okumak için tarayıcı yakınlaştırma gibi bir AT kullanarak metnin bir kısmını okuyamayabilir. Disleksi veya okuma bozuklukları olan kullanıcılar gibi diğer kullanıcılar italik metni okumakta zorlanabilir. Ekran okuyucular genellikle kalın ve italik gibi stil yöntemlerini yoksayar. Bu nedenle, bu stillerin amacı görme engelli veya görme engeli az olan kullanıcılara aktarılmaz.

Yapılmaması gerekenler:
h2 {font-size: 16px;}
Yapılması gerekenler
h2 {font-size: 1rem;}

Her kullanıcının ihtiyaçlarını tahmin edemeyeceğinizden, web sitelerinize ve web uygulamalarınıza yazı tipi eklerken aşağıdaki yönergeleri dikkate aldığınızdan emin olun:

  • Temel yazı tipi boyutları, yeniden boyutlandırmaya olanak tanımak için göreli bir değerle (%, rem veya em) tanımlanmalıdır.
  • Okunabilirliği artırmak için renk, kalın, BÜYÜK HARF ve eğik gibi yazı tipi varyasyonlarının sayısını sınırlandırın. Bunun yerine, metninizdeki kelimeleri vurgulamak için yıldız işareti, tire veya tek bir kelimeyi vurgulama gibi yöntemler kullanın.
  • Mümkün olduğunda görsellerde metin yerine işaretleme kullanın. Ekran okuyucular, resimlerdeki yerleştirilmiş metinleri okuyamaz (ekstra kod eklenmeden) ve yerleştirilmiş metinler, az gören kullanıcılar tarafından büyütüldüğünde pikselleşebilir.

Yapı ve düzen

Yazı tipi, yazı tipi boyutu ve yazı tipi stili erişilebilir yazı tipi için önemli olsa da sayfadaki metnin yapısı ve düzeni, kullanıcının metni anlaması açısından eşit derecede önemli olabilir.

Karmaşık düzenler, az gören, okuma güçlüğü çeken ve ABD'de DEHB'si olan 6,1 milyon kişi için gerçek bir engel olabilir. Bu tür engeller, net doğrusal yollar, eksik başlıklar ve gruplandırılmamış öğeler olmadığı için kullanıcıların yerlerini korumalarını ve metnin akışını takip etmelerini zorlaştırır.

Erişilebilir düzen tasarımlarının önemli bir tarafı, kritik öğeleri birbirinden ayırt etmek ve benzer öğeleri birlikte gruplandırmaktır. Öğeler birbirine çok yakınsa, özellikle de benzer bir stilleri varsa bir öğenin nerede başlayıp nerede bittiğini belirlemek zor olabilir.

Metninizi, bir taslaktaki ayrı ayrı madde noktalarından oluşan bir koleksiyon olarak düşünün. Bu, genel sayfa yapısını planlamanıza yardımcı olur ve uygun durumlarda başlıklar, alt başlıklar ve listeler kullanmanızı sağlar.

Boşluk

Paragraf, cümle ve kelime aralıkları, okuyucuların metne odaklanmasına yardımcı olur ve sayfanın genel görsel anlaşılırlığını artırır. Uzun metin satırları, engelli okuyucuların yerlerini korumak ve metnin akışını takip etmek konusunda zorluk yaşamalarına engel olabilir.

Dar bir metin bloğu, okuyucuların bir sonraki satıra geçmesini kolaylaştırır.

İçerik uyumluluğu

Engelli kişiler için can sıkıcı olan bir diğer durum da, hizalanmış metinleri okumaktır. İki yana yaslanmış metinlerde kelimeler arasında eşit olmayan boşluklar olması, sayfanın alt kısmında "boşluk nehirleri" oluşmasına neden olarak metnin okunmasını zorlaştırabilir.

Metinleri iki yana yaslamak, kelimelerin birbirine yakın veya doğal olmayan şekillerde uzatılmasına da neden olabilir. Bu da okuyucuların kelime sınırlarını bulmasını zorlaştırabilir.

Neyse ki, metinlerimizi daha erişilebilir hale getirmemize yardımcı olan İyi Satır Yüksekliği ve Altın Oran Hesaplayıcı gibi araçlar ve boşluklarla ilgili açık yönergeler vardır. Bu kuralları uygulamak, dikkat eksikliği bozukluğu, okuma ve görme engelli kullanıcıların metne daha fazla odaklanmasına ve düzene daha az odaklanmasına yardımcı olur.

Yapı ve düzen için en iyi uygulamalar

Yapı ve düzeni düşünürken şunları yaptığınızdan emin olun:

  • Sayfayı bölümlere ayırmak için başlık, alt başlık, liste, sayı, alıntı blokları ve diğer görsel gruplandırmalar gibi öğeleri kullanın.
  • Açıkça tanımlanmış paragraflar, cümleler ve kelimeler arasında boşluk bırakın.
  • Genişliği 80 karakterden (logogramlar için 40 karakter) kısa metin sütunları oluşturun.
  • Metin içinde "boşluk nehirleri" oluşturan hizalanmış paragraflardan kaçının.

Tipografiyle ilgili erişilebilir ipuçları

Erişilebilir yazı tipleri, kullanıcılarınızın ihtiyaçları hakkındaki bilgilerinize dayalı, sağduyulu tasarım tercihlerinden oluşabilir. İçeriğinizi tasarlarken ve oluştururken bu modülü aklınızda tutmanız, en yüksek sayıda kullanıcıyla net bir şekilde iletişim kurmanıza yardımcı olma yolunda oldukça fayda sağlar.

Öğrendiklerinizi test etme

Erişilebilirliği ölçme hakkındaki bilgilerinizi test edin

Okunaklı bir metin için metin ve arka plan arasında her zaman yüksek kontrast kullanmalıdır.

Yanlış.
Doğru.

Erişilebilirlik için en iyi yazı tipleri hangileridir?

Arial ve Verdana gibi sistem yazı tipleri.
Bunun bir önemi yoktur.
Erişilebilir yazı tipleri.