2026'da görsel alt metni için pragmatik bir rehber

Alt metin neden hâlâ önemli

Alt metin, 1995'ten beri HTML spesifikasyonunun bir parçası. Otuz yıl sonra, web'deki çoğu görselde hâlâ ya hiç alt özniteliği yok ya da alt metin, hiç ekran okuyucu kullanmamış biri tarafından yazılmış gibi okunuyor.

Sorun artık farkındalık değil. Çoğu içerik yönetim sistemi artık alt alanını zorunlu kılıyor. Sorun, alt metnin bir iletişim aracı olmaktan çıkıp uyumluluk için işaretlenen bir kutuya dönüşmüş olması. Gerçek bağlam "CEO Q4 kazançlarını açıklıyor" iken insanlar "gülümseyen bir kişinin görseli" yazıyor.

Alt metin tek bir nedenle vardır: Bir görselin amacını, onu göremeyen birine aktarmak. Bu amaç bağlama göre değişir. Bir kafenin ana sayfasındaki kahve fincanı fotoğrafı, seramik sırlama teknikleriyle ilgili bir blog yazısındaki aynı fotoğraftan farklı bir işlev görür.

2026'da alt metni otomatik olarak üretebilen yapay zekâ araçlarımız da var. Bu araçlar daha iyi hale geliyor, ancak hâlâ bağlamı anlamıyorlar. Görselde ne gördüklerini tarif ediyorlar; görselin neden orada olduğunu değil.

Karar ağacı: Bu görselin alt metne ihtiyacı var mı?

Her görselin açıklayıcı alt metne ihtiyacı yoktur. Bazı görseller dekoratiftir. Bazıları tekrar niteliğindedir. Bazıları için başlıklar veya çevresindeki metin daha uygundur.

Karar süreci şöyle:

Görsel, çevresindeki metinde bulunmayan bir bilgi aktarıyor mu? Evetse, alt metne ihtiyacı vardır. Hayırsa, büyük olasılıkla dekoratiftir.

Bu görsel kaybolsa, görme engelli bir kullanıcı önemli bir şeyi kaçırır mı? Evetse, alt metin yazın. Hayırsa, ekran okuyuculara görseli atlamalarını söylemek için boş bir alt özniteliği (alt="") kullanın.

Görsel bir bağlantı veya düğme mi? Alt metin, bağlantı metni haline gelir. Görseli değil, hedefi açıklayın. "Fiyatlandırma planlarını görüntüle", "ok simgesi"nden daha iyidir.

Görsel karmaşık mı—bir grafik, diyagram veya infografik mi? Alt metnin pratik uzunluk sınırları vardır (yaklaşık 125 karakter çoğu ekran okuyucu için rahattır). Karmaşık görseller daha uzun açıklamalara ihtiyaç duyar; bunlar bir başlıkta, gövde metninde veya aria-describedby aracılığıyla verilebilir.

İyi alt metin aslında nasıl duyulur

İyi alt metin belirli, kısa ve bağlama duyarlıdır. Şu soruyu yanıtlar: Bu görsel neden burada?

Kötü: "Bir grafiğin görseli"

Daha iyi: "Ocak'tan Mart 2026'ya mobil trafikte %23 artışı gösteren çizgi grafik"

Kötü: "Dizüstü bilgisayar kullanan bir kişi"

Daha iyi: "Figma'da web sitesi maketlerini inceleyen tasarımcı"

Kötü: "Buraya tıklayın"

Daha iyi: "Tam erişilebilirlik denetim kontrol listesini indirin (PDF)"

İyi alt metnin çoğu zaman sayılar, eylemler veya sonuçlar içerdiğine dikkat edin. Her görsel ayrıntıyı tarif etmez. Önemli olanı tarif eder.

Dekoratif görseller için—hero arka plan dokuları, süs kenarlıkları, tamamen estetik illüstrasyonlar—alt="" kullanın. Bu tembellik değildir. Anlamsal dürüstlüktür. Ekran okuyucular görseli tamamen atlar; istediğiniz şey de budur.

Herkesin zamanını boşa harcayan yaygın hatalar

"Görseli" veya "Resmi" diye başlamak: Ekran okuyucular bunun zaten bir görsel olduğunu duyurur. Doğrudan açıklamaya geçin.

SEO için anahtar kelime doldurmak: Alt metin, "en iyi organik kahve çekirdekleri Brooklyn artisan kavrum" gibi ifadeleri tıkıştıracağınız bir yer değildir. Google'ın görsel araması bunu yıllardır iyi tespit ediyor. İnsanlar için yazın.

Dosya adını açıklamak: "IMG_3847.jpg" kimseye yardımcı olmaz. "hero-banner-final-v3" de öyle.

Roman yazmak: Alt metniniz iki cümleden uzunsa, bilgi muhtemelen bir başlıkta veya gövde metninde yer almalıdır.

Yanındaki metni tekrar etmek: Başlık "Ekşi mayalı ekmek nasıl pişirilir" diyorsa ve görsel hamura şekil veren birini gösteriyorsa, alt metnin başlığı tekrar etmesine gerek yoktur. Görsel olarak ayırt edici olanı açıklayın: "Unlanmış bir yüzeyde ekşi mayalı hamuru katlayan eller."

Gerçekten yardımcı olan araçlar ve iş akışları

Çoğu modern CMS artık yerleşik alt metin alanlarına sahip. WordPress, Webflow, Contentful ve Sanity, yükleme sırasında alt özniteliğini belirgin biçimde gösterir. Alanın görünür olması, iyi doldurulduğu anlamına gelmez.

Bir siteyi eksik veya zayıf alt metin açısından denetliyorsanız, Accessibility Insights veya axe DevTools gibi tarayıcı eklentileri alt özniteliği olmayan görselleri işaretleyebilir. Hızlı bir manuel kontrol için tarayıcınızda görselleri kapatın (Firefox ve Chrome bunu destekler) ve sayfayı okuyun. Alt metin bağlam içinde anlamlıysa, doğru yoldasınız.

Azure Computer Vision, Google Cloud Vision gibi araçlarda veya Cloudflare Images gibi platformlara yerleşik olarak sunulan yapay zekâ tarafından üretilmiş alt metin, özellikle büyük görsel kütüphaneleri için makul bir başlangıç noktası olabilir. Ancak yapay zekâ alt metnini ilk taslak gibi ele alın. Görselin içeriğini doğru şekilde tarif eder, ancak görselin sayfada neden bulunduğunu bilmez. Bağlamı eklemek için hâlâ bir insan editöre ihtiyaç vardır.

Yoğun görsel kullanılan bir site üzerinde çalışıyorsanız ve performans sorunlarını erken yakalamak istiyorsanız, Wux Webtools' Image Compressor gibi araçlar yükleme öncesinde dosya boyutlarını optimize etmenize yardımcı olabilir—çünkü alt metin, yalnızca görsel gerçekten yüklenirse yararlıdır.

2026'da alt metin ve SEO

Google yıllardır alt metnin görsel arama için bir sıralama faktörü olduğunu söylüyor. Bu hâlâ doğru. Ancak görsel arama optimizasyonu, erişilebilirlikle aynı şey değildir.

Alt metni öncelikle SEO için yazarsanız, ekran okuyucu kullanıcılarının sayfada gezinmesini zorlaştıran anahtar kelime yüklü anlamsız metinlerle sonuçlanırsınız. Alt metni önce erişilebilirlik için yazarsanız, SEO faydaları doğal olarak onu izler; çünkü açıklayıcı, bağlamsal alt metin, Google'ın görsel arama algoritmasının ortaya çıkarmaya çalıştığı şeyin ta kendisidir.

Bir nüans: Google Images artık çevredeki sayfa içeriğini eskisine göre çok daha yoğun kullanıyor. Alt metniniz iyi ama genel ise ("kremalı çikolatalı kek") ve sayfanız vegan pastacılık hakkındaysa, Google bağlamı anlayacaktır. Bu ayrım görselde açıkça görünmüyorsa "sütsüz kremalı vegan çikolatalı kek" yazmanız gerekmez.

Öne çıkanlar

• Alt metin, her görsel ayrıntıyı tarif etmek için değil, bir görselin amacını aktarmak için vardır
• Dekoratif görseller alt="" kullanmalıdır; böylece ekran okuyucular onları tamamen atlar
• İyi alt metin belirli, bağlama duyarlı ve "bu görsel neden burada?" sorusunu yanıtlayan metindir
• Yapay zekâ tarafından üretilen alt metin yararlı bir başlangıç noktasıdır, ancak bağlam için hâlâ insan düzenlemesine ihtiyaç duyar
• Önce erişilebilirlik için yazın; SEO faydaları açık ve açıklayıcı metinden doğal olarak gelir

SSS

S: Tüm alt metinlerimi üretmek için sadece yapay zekâ kullanabilir miyim?

C: Yapay zekâ araçları bir görselin içinde ne olduğunu tarif etmekte iyidir, ancak bağlamı anlamazlar. Yüzlerce ürün görseliyle çalışıyorsanız ve bir temel düzeye ihtiyacınız varsa, yapay zekâ alt metni uygundur. Editoryal içerik, pazarlama sayfaları veya görselin var olma nedeninin önemli olduğu herhangi bir şey için bir insanın gözden geçirip düzenlemesi gerekir.

S: Alt metin ne kadar uzun olmalı?

C: Çoğu ekran okuyucu 125 karakter veya daha azıyla rahat çalışır. Bundan fazlasına ihtiyacınız varsa, bilgi muhtemelen bir başlıkta, gövde metninde veya aria-describedby üzerinden bağlanan daha uzun bir açıklamada yer almalıdır. Katı bir teknik sınır yoktur, ancak daha uzun alt metinlerde gezinmek kullanışsız hale gelir.

S: Logolar için alt metne ihtiyacım var mı?

C: Evet, ancak basit tutun. Logonuz üst bilgideyse ve ana sayfaya bağlantı veriyorsa, alt metin şirket adınız olmalıdır: alt="Acme Corp". Bunun bir logo olduğu gerçeği bağlam açısından bir şekilde önemli değilse alt="Acme Corp logo" yazmayın.

S: Alt metin ile başlık arasındaki fark nedir?

C: Alt metin, görselin doğrudan yerine geçen metindir. Görselle karşılaşıldığında ekran okuyucular tarafından okunur. Başlık ise herkese görünen, bağlam veya atıf ekleyen tamamlayıcı bilgidir. İkisine de sahipseniz birbirlerini tekrar etmemelidirler.

S: CSS'teki arka plan görsellerine alt metin eklemeli miyim?

C: Hayır. CSS arka plan görselleri tanım gereği dekoratiftir ve ekran okuyuculara sunulmaz. Bir arka plan görseli önemli bilgi aktarıyorsa, HTML içinde uygun alt metne sahip bir <img> öğesi olmalıdır.

Kaynaklar

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices