Yazı biçimi

Erişilebilir içerik oluşturmak ve tasarlamak, kolay okunabilen bir yazı tipi seçmekten daha fazlasını gerektirir. 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 etkileyebilecek bir faktör yazı tipidir. Yazı tipi ve stil seçiminiz, sayfa tasarımını etkileyebilir.

Erişilebilir yazı tipleri, disleksi ve dikkat eksikliği hiperaktivite bozukluğu (DEHB) gibi okuma, öğrenme ve dikkat bozuklukları olan kullanıcıların yanı sıra görme yetisi düşük kullanıcılar için de faydalıdır.

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 okunmasının daha kolay olup olmadığı ile ilgili 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 "pamuk", "kıç" gibi kelimeler de "kabuk" olarak değişebilir. Bu da metnin anlamını tamamen değiştirir.

Google Yazı Tipleri gibi açık kaynak yazı tipi 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ı yazı tipleri ve yalnızca bir büyük harf içeren yazı tipleri 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 bozukluğu 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ğiniz için web sitelerinize ve web uygulamalarınıza yazı tipi eklerken aşağıdaki yönergeleri göz önünde bulundurun:

  • Yazı tipi boyutları, yeniden boyutlandırmaya izin vermek 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 resimlerde metin yerine işaretleme kullanın. Ekran okuyucular, resimlerdeki yerleştirilmiş metni (ek kod eklenmeden) okuyamaz. Ayrıca, yerleştirilmiş metin, görme engeli olan kullanıcılar tarafından büyütüldüğünde piksellenebilir.

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 yönü, önemli öğeleri birbirinden ayırmak 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 olduğunda başlıkları, alt başlıkları ve listeleri kullanmanıza olanak tanır.

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ı, metnin akışını takip edemeyen ve metin içinde yerini bulmakta zorlanan engelli okuyucular için engel teşkil edebilir.

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.

Metin hizalama, kelimelerin birbirine yakın veya doğal olmayan şekillerde uzatılmasına da neden olabilir. Bu nedenle, okuyucular kelime sınırlarını bulmakta zorlanabilir.

Neyse ki, metnimizi daha erişilebilir hale getirmeye yardımcı olacak iyi satır yüksekliği ve altın oran hesaplayıcı gibi araçlar ve boşluklarla ilgili net kurallar mevcut. 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 belirlerken şunları göz önünde bulundurun:

  • 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 kelime aralıkları kullanı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.

Erişilebilir yazı tipleriyle ilgili önemli noktalar

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ü göz önünde bulundurmak, en fazla sayıda kullanıcıyla net bir şekilde iletişim kurmanıza yardımcı olur.

Öğ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?

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