Erişilebilirlik ve büyük harf: Tamamı büyük harfle yazılan metin neden zor okunur?

Tamamı büyük harf, iki sözcüklük bir etiket için sorun değildir, ama daha uzun her şey için kötü bir tercihtir. Uzun büyük harf dizileri daha yavaş okunur, normal yazımın taşıdığı bilgiyi yok eder (“US” ABD mi, yoksa İngilizcedeki “us”, yani “biz” mi?) ve ekran okuyucular büyük/küçük harf ayrımını çoğunlukla görmezden gelir. Böylece kastettiğiniz vurgu kaybolur, bazı kısa sözcükler ise harf harf okunur. Erişilebilir yaklaşım, metni normal yazımla yazmak ve tasarım gerçekten büyük harf istiyorsa bunu CSS ile uygulamaktır; gerçi bu yöntem bile kusursuz değildir.
Uzun büyük harfli metinler neden daha zor okunur
Araştırmacılar büyük harfle ve küçük harfle okumayı neredeyse bir asırdır karşılaştırıyor. Kevin Larson'ın Microsoft için yazdığı “The Science of Word Recognition” (Sözcük tanımanın bilimi) başlıklı makale, 1938'de Woodworth'e kadar uzanan çalışmaları özetliyor: okurlar küçük harfli metinleri, büyük harfle dizilmiş aynı metinlerden yüzde 5 ila 10 daha hızlı okudu.
Yaygın açıklama “sözcük şekli”dir: küçük harfli sözcüklerin üst ve alt uzantılar sayesinde kendine özgü bir dış hattı vardır, büyük harfler ise her sözcüğü bir dikdörtgene çevirir. Larson, kanıtların bunu desteklemediğini savunuyor. Sözcükleri harflerinden tanırız ve küçük harfin öne geçmesinin asıl nedeni en çok onunla pratik yapmamızdır. Çok miktarda büyük harf okumak zorunda kalan kişiler bunda hızlanır.
Bu yararlı bir düzeltme, ama sitenizdeki büyük harfli paragrafı kurtarmaz. Okurlarınız o pratiği yapmadı ve bedeli en ağır biçimde, okumayı zaten zahmetli bulan kişiler öder. MDN'nin text-transform sayfası, büyük harfli uzun metin bölümlerinin “may be difficult for people with cognitive concerns such as Dyslexia to read” (disleksi gibi bilişsel güçlükleri olan kişiler için okunması zor olabilir) diye uyarıyor. GOV.UK yazım kılavuzu ise bunu bizzat örnekle gösteriyor: “DO NOT USE BLOCK CAPITALS FOR LARGE AMOUNTS OF TEXT AS IT'S QUITE HARD TO READ” (uzun metinleri büyük harfle yazmayın, okunması oldukça zordur).
Büyük harfler bilgiyi yok eder
Büyük ve küçük harflerin bir arada kullanılması süs değildir. Büyük harf size bir sözcüğün ad, kısaltma ya da cümle başı olduğunu söyler. Şunu okuyun ve ne kadar tahmin yürütmeniz gerektiğine dikkat edin:
PLEASE CONTACT US ABOUT POLISH ORDERS IN MARCH. NASA SAYS HI.Amerika Birleşik Devletleri mi, yoksa “biz” mi? Polonya'daki müşteriler mi, yoksa mobilya cilası mı? Mart ayı mı, yoksa bir protesto yürüyüşü mü? Metin bir kez büyük harfle yazıldıktan sonra yazılım da doğru cevabı geri getiremez. Bu satırı büyük/küçük harf dönüştürücümüzdeki Cümle düzeni (sentence case) seçeneğinden geçirirseniz “Please contact us about polish orders in march. Nasa says hi.” sonucunu alırsınız. Bu seçenek her şeyi küçük harfe çevirir ve her cümlenin ilk harfini büyütür; bilebileceği bu kadardır. Adları elle düzeltmeniz gerekir.
Ekran okuyucular tamamı büyük harfli metinle ne yapar
Çoğunlukla hiçbir şey. Ekran okuyucular sözcükleri seslendirir ve büyük mü küçük mü yazıldıklarını belirtmez. Erişilebilirlik danışmanı Adrian Roselli 2022'de büyük harfli yasal bir metni varsayılan ayarlarla JAWS, NVDA, Narrator, Orca, VoiceOver ve TalkBack'te test etti; hiçbiri dinleyiciye metnin büyük harfle yazıldığını söylemedi. NVDA'nın ses perdesini değiştirmesi ya da “say cap” gibi seçenekler, sesli okunan cümleler için değil, metinde karakter karakter ilerlemek için tasarlanmıştır.
Bunun iki sonucu var:
- Anlam taşımak için kullanılan büyük harfler kaybolur. “Bu önemli” demenin yolu büyük harfse (bir uyarı, bir sözleşme maddesi, bağırılan bir sözcük), dinleyici sıradan bir metin duyar. Braille okurları bunun istisnasıdır, çünkü Braille alfabesinde büyük harf işareti vardır.
- Bazı kısa sözcükler harf harf okunur. Konuşma motorları, bir büyük harf dizisinin kısaltma olup olmadığını tahmin eder. Roselli, ekran okuyucuların büyük harfle yazıldığında sık sık harf harf okuduğu sözcüklere örnek olarak “AM”, “ADD” ve “IT” sözcüklerini veriyor; bu alanda çalışanlar da “CONTACT US” (bize ulaşın) ifadesinin “contact U.S.” (ABD'ye ulaşın) diye okunduğunu bildirmiş.
Hangi sözcüklerin harf harf okunacağı ekran okuyucuya, sese, kullanıcının ayarlarına ve bazen tarayıcıya bağlıdır; üstelik sürümden sürüme değişir. Bunu güvenilir biçimde öngöremezsiniz ve önemli sözcükleri baştan büyük harfle yazmamanın en güçlü gerekçesi de budur.
Harf aralığını asla boşluklarla taklit etmeyin
Aralıklı büyük harfler sevilen bir tasarım dokunuşudur ve bunları S A L E diye yazmak, bu görünümü elde etmenin en kötü yoludur. Ekran okuyucular her harfi ayrı ayrı okur ve WCAG, “using white space characters to control spacing within a word” (bir sözcüğün içindeki aralığı boşluk karakterleriyle ayarlamak) uygulamasını bir başarısızlık olarak listeler (F32 tekniği). Bunun yerine aşağıdaki örnekte olduğu gibi CSS letter-spacing özelliğini kullanın.
Büyük harfleri elle yazmak yerine CSS text-transform: uppercase kullanın
Bir düğme, sekme ya da küçük bir başlık büyük harfle görünmeliyse, metni normal yazımla yazın ve görünümünü CSS değiştirsin:
<button class="caps">Add to basket</button>
.caps {
text-transform: uppercase;
letter-spacing: 0.06em; /* capitals need a little extra room */
}HTML kodunuzdaki metin “Add to basket” olarak kalır ve bu size birkaç avantaj sağlar:
- Yeniden tasarım ucuza gelir. Büyük harflerden sonradan vazgeçmek tek satırlık bir CSS değişikliğidir; her etiketi ve çeviri dosyasını tek tek taramanız gerekmez.
- Metin her yere sorunsuz taşınır. Beslemeler, dışa aktarımlar ve stil sayfanızın ulaşmadığı diğer her yer, doğru yazılmış sözcükler alır.
- Dil kuralları sizin yerinize uygulanır. Tarayıcılar dil kurallarını
langözniteliğine göre uygular. MDN'nin text-transform başvuru sayfası bunları listeliyor: örneğin Yunancadaki ünlüler tamamı büyük harfle yazıldığında vurgu işaretlerini kaybeder, Türkçede iseiharfinin büyüğüİolur. CSS kullandığınızda saklanan Yunanca metin vurgularını korur; elle yazılmış büyük harflerde ise vurgular kalıcı olarak kaybolurdu.
Yine de bu yöntemi gözünüzde büyütmeyin. Tarayıcılar dönüştürülmüş metni yardımcı teknolojilere iletebilir. 2016'da bildirilen bir WebKit hatası hâlâ açık; kayıtta VoiceOver'ın büyük harf stili verilmiş bir “Add to Cart” düğmesini “A D D to cart” diye okuduğu anlatılıyor ve geliştiriciler Chrome'da VoiceOver ile aynı sorunu bildirmiş. Üstelik CSS ile elde edilen büyük harfler, gören okurlar için yine büyük harftir; yani uzun dizilerin bedeli değişmez. text-transform özelliğini birkaç sözcüğe büyük harf uygulamanın doğru yolu olarak görün, paragrafları büyük harfle dizmek için bir izin olarak değil.
Büyük harfler ne zaman sorun olmaz, yerine ne kullanılır
Büyük harfler yasak değil. WCAG'de onlara karşı bir başarı ölçütü yoktur ve kısa diziler pek sorun çıkarmaz. Biz şu durumlarda kullanmaya devam ederdik:
- NASA, HTML ve BBC gibi gerçek kısaltmalar.
- Kısa etiketler, sekmeler ve bir başlığın üzerindeki küçük “üst başlık” (eyebrow) satırı. Bizim pratik kuralımız: en fazla üç sözcük, CSS ile uygulanmış.
- “New” (Yeni) gibi tek sözcüklük bir rozet; yeter ki dinleyenin onu özel bir şey olarak duymasına hiçbir şey bağlı olmasın.
Geri kalan her şey için, stili değiştiğinde ya da sesli okunduğunda da işe yarayan bir yönteme başvurun:
- Vurgu:
<strong>kullanın ve kalınlık ya da boyutla biçimlendirin. Çoğu ekran okuyucu kalın yazıyı da varsayılan olarak belirtmez; bu yüzden önemli kısmı sözcüklerin kendisine yükleyin: “Bu işlem geri alınamaz” cümlesi her türlü biçimlendirmeden daha çok şey söyler. - Uyarılar: Kısa ve sade bir başlık (“Hesabınızı silmek tüm dosyalarınızı kaldırır”), bir büyük harf bloğunun yapmaya çalıştığı işi görür ve sesli de okunur.
- Yasal metinler: ABD sözleşmelerinde garanti feragatnameleri çoğunlukla büyük harfle yazılır, çünkü Uniform Commercial Code bunların “conspicuous” (göze çarpan) olmasını şart koşar. Yasanın bu tanımı, bir belgenin gövde metninde büyük harfi zorunlu tutmaz: daha büyük punto, kontrast oluşturan yazı, farklı yazı tipi ya da renk veya metni ayıran işaretler de yeterlidir. Koşullarınızı değiştirmeden önce onları hazırlayan kişiye danışın, ama tek yol büyük harf değil.
Süslü Unicode “küçük büyük harfler” aslında büyük harf değildir
Süslü Unicode metin oluşturucumuzda bir “Küçük büyük harf” (small caps) stili var ve ürettiği şey konusunda dürüst olmakta fayda var. “Sale on now” yazarsanız “sᴀʟᴇ ᴏɴ ɴᴏᴡ” elde edersiniz. Bunlar küçültülerek çizilmiş harfler değil; çoğu fonetik alfabelerden ödünç alınmış farklı karakterlerdir. Bazı harflerin küçük büyük harf karşılığı yoktur; “s” harfinin sıradan bir küçük s olarak kalmasının nedeni budur, “q” ise ogonekli bir o olan “ǫ” olarak çıkar.
Yazılım açısından bunlar alakasız simgelerdir; bu yüzden yazım denetleyicileri onları genellikle hatalı olarak işaretler, sade sözcükle yapılan aramalar da onları kaçırabilir. Ekran okuyucular benzer görünen karakterleri son derece tutarsız işler: benzer “sahte kalın” harfler test edildiğinde bazı ekran okuyucular sözcükleri tamamen atladı. Ekran okuyucular için yazma rehberimiz bu testi adım adım anlatıyor. Bu stilleri düz metnin yanında süs olarak kullanın, birinin duyması gereken sözcükler için asla kullanmayın.
Büyük harfler için hızlı kontrol listesi
- Metni normal yazımla yazın ve büyük harfleri
text-transformile uygulayın. - Büyük harfi birkaç sözcükle sınırlayın. Asla bir paragrafın tamamında kullanmayın.
- Büyük harflere biraz
letter-spacingekleyin ve bunun için asla boşluk kullanmayın. - Anlamı biçimlendirmeye değil, sözcüklere yükleyin.
- Yayına almadan önce önemli düğme ve etiketlerinizi VoiceOver ve NVDA ile dinleyin.
- Unicode'daki benzer görünümlü harfleri önemli olan hiçbir yerde kullanmayın.
Kısaltmalardan yasal başlıklara kadar büyük harflerin yazıda gerçekten yerinde olduğu durumlar için büyük harf ne zaman kullanılır rehberimize göz atın.


