Alt Text (Alt Metin) Kontrol Aracı
Alt metin (alt text), bir görselin ne olduğunu yazıyla anlatan HTML özniteliğidir. Ekran okuyucu kullanan biri için görselin tek karşılığı, arama motoru için ise görselin ne anlattığına dair en güçlü sinyaldir. Bu araç, girdiğiniz sayfadaki tüm görselleri tarayıp alt metinlerini yalnız "var mı yok mu" diye değil, kalite açısından da denetler: erişilebilir adı olmayan bağlantılar, dosya adından ibaret alt metinler, yinelenen açıklamalar, ekran okuyucunun keseceği uzunluklar ve anahtar kelime doldurma şüphesi ayrı ayrı raporlanır.
Alt metin ne işe yarar?
Alt metnin iki işlevi vardır ve ikisi de aynı cümleyle karşılanır. Birincisi erişilebilirlik: görme engelli bir kullanıcı sayfayı ekran okuyucuyla dinlerken görselin yerine bu metni duyar. İkincisi arama: Google görselin içeriğini anlamak için çevresindeki metinle birlikte alt özniteliğini kullanır, görsel aramada eşleşme büyük ölçüde buradan kurulur. Görsel yüklenemediğinde tarayıcının kutunun içinde gösterdiği metin de yine budur. Bu üç işlevin ortak paydası şudur: alt metin, görseli görmeyen birine görseli anlatmalıdır.
Dekoratif görselde alt="" doğru kullanımdır
Her görselin açıklamaya ihtiyacı yoktur. Ayraç çizgisi, köşe deseni, arka plan dokusu gibi anlam taşımayan görseller dekoratiftir ve bunlarda doğru davranış alt özniteliğini silmek değil, boş bırakmaktır: alt="". Boş alt, ekran okuyucuya "bu görseli atla" der ve kullanıcı gereksiz bir duraklama yaşamaz. Özniteliğin hiç bulunmaması ise farklı bir durumdur: bazı ekran okuyucular bu boşluğu doldurmak için dosya adını okur ve kullanıcı "i-m-g tire 2 4 5 1 nokta j-p-g" gibi bir ses duyar. Bu araç iki durumu ayırır; alt="" kullanımınızı hata olarak saymaz.
Bağlantı içindeki görseller: en sık gözden kaçan hata
Bir görsel yalnızca bağlantının içinde duruyorsa ve bağlantının kendi metni yoksa, o bağlantının erişilebilir adı tamamen alt metne bağlıdır. Alt metin de yoksa ekran okuyucu bağlantıyı okurken söyleyecek hiçbir şey bulamaz; kullanıcı sekmeyle gezerken "bağlantı" der geçer, nereye gittiğini bilemez. WCAG 2.4.4 ölçütü tam olarak bunu ele alır. Logolu üst menüler, sosyal medya ikonları ve görsel bannerlar bu hatanın en sık görüldüğü yerlerdir. Bu araç, bağlantının kendi metni olup olmadığına bakarak ayrım yapar: metinli bir bağlantı içindeki dekoratif görselde boş alt sorun değildir, metinsiz bağlantıda ise ağır bir kusurdur.
Uzunluk: 125 karakter neden ölçüt?
Alt metin için HTML tarafında bir uzunluk sınırı yoktur, ancak yaygın ekran okuyucular 125 karakter civarında metni kesme eğilimindedir. Bu yüzden sektörde kabul gören ölçüt, alt metni 125 karakterin altında tutmaktır; pratikte 5–15 kelimelik bir cümle çoğu görsel için yeterlidir. Görsel gerçekten uzun bir açıklama gerektiriyorsa — örneğin karmaşık bir grafik — doğru yol alt metni kısa tutup ayrıntıyı sayfadaki metne ya da <figcaption> etiketine taşımaktır. Böylece hem ekran okuyucu kullanıcısı hem de görseli gören okuyucu aynı bilgiye ulaşır.
Anahtar kelime doldurma neden geri teper?
Alt özniteliğini anahtar kelime listesine çevirmek eski bir alışkanlıktır ve bugün karşılığı yoktur. Google'ın görsel yönergeleri bu konuda açıktır: alt metni anahtar kelimeyle doldurmak kötü kullanıcı deneyimi üretir ve sitenin spam olarak değerlendirilmesine yol açabilir. Ölçü şudur: alt metni yüksek sesle okuduğunuzda görseli tarif eden doğal bir cümle duyuyorsanız doğru yazılmıştır; virgülle ayrılmış terimler duyuyorsanız o bir arama sorgusudur, tarif değildir. Anahtar kelimenin alt metinde geçmesi sorun değildir — cümlenin doğal parçasıysa.
Yinelenen alt metinler
Bir sayfadaki farklı görsellerin aynı alt metni taşıması, genellikle şablondan gelen otomatik bir doldurmanın işaretidir: ürün listesindeki her görsele mağaza adının yazılması gibi. Bu hem ekran okuyucu kullanıcısını yanıltır — birbirinden farklı görseller aynı şekilde duyulur — hem de arama motoruna ayırt edici bilgi vermez. Her görsel kendi içeriğini anlatmalıdır; ürün listelerinde ürün adı, galeri görsellerinde sahnenin kendisi doğru çıkış noktasıdır.
Sorularla
Sıkça Sorulan Sorular
Alt metin SEO'yu doğrudan etkiler mi?
Görsel aramada doğrudan etkilidir: Google görselin ne anlattığını büyük ölçüde alt metinden ve görselin çevresindeki metinden çıkarır. Sayfanın genel sıralamasına etkisi ise dolaylıdır; alt metin sayfanın konusunu destekleyen sinyallerden biridir, tek başına sıralama belirleyen bir faktör değildir. Alt metni sıralama aracı olarak değil, görselin tarifi olarak yazmak her iki tarafta da doğru sonucu verir.
Alt metin kaç karakter olmalı?
125 karakterin altı güvenli ölçüttür, çünkü yaygın ekran okuyucular bu civarda metni kesebilir. Pratikte 5–15 kelimelik bir cümle çoğu görsel için yeterlidir. Alt sınır yoktur ama tek kelimelik etiketler genellikle görseli tarif etmeye yetmez.
Dekoratif görselde alt metni tamamen silsem olur mu?
Hayır, ikisi aynı şey değildir. Dekoratif görselde alt="" yazın; bu ekran okuyucuya görseli atlamasını söyler. Özniteliği tamamen silmek ise belirsizlik yaratır ve bazı ekran okuyucular boşluğu doldurmak için dosya adını okuyabilir.
Alt metin ile title özniteliği arasındaki fark ne?
Alt metin, görselin metin karşılığıdır ve görsel görüntülenemediğinde ya da ekran okuyucuyla dinlendiğinde onun yerine geçer. Title ise fareyle üzerine gelindiğinde çıkan ipucu metnidir; dokunmatik cihazlarda görünmez ve ekran okuyucu desteği tutarsızdır. İkisine aynı metni yazmak bazı okuyucularda aynı bilginin iki kez duyulmasına yol açar. Title genellikle gereksizdir; farklı bir bilgi taşımıyorsa kullanmayın.
Görsellerimde alt metin var ama araç yine de uyarıyor, neden?
Bu araç alt metnin varlığına değil içeriğine de bakar. Dosya adından ibaret bir alt metin, aynı metnin birden çok görselde tekrarlanması, 125 karakteri aşan uzunluk, "resmi" gibi gereksiz ön ekler ve virgülle dizilmiş anahtar kelime listeleri ayrı ayrı raporlanır. Alt özniteliği dolu olduğu halde görseli tarif etmiyorsa, pratikte boş olmasından çok farklı bir sonuç üretmez.
Arka plan olarak yüklenen görsellerde alt metin nasıl verilir?
CSS arka planı olarak yüklenen görsellerin alt özniteliği yoktur; ekran okuyucu bu görselleri hiç görmez. Bu, dekoratif görseller için sorun değildir — hatta uygun bir yöntemdir. Ancak bilgi taşıyan bir görseli arka plan olarak vermek erişilebilirlik açısından hatadır; o görsel <img> etiketiyle, alt metniyle birlikte verilmelidir.
Bu araç sitemin tamamını mı tarıyor?
Hayır, girdiğiniz tek sayfayı denetler. Sitenizin tüm sayfalarındaki görselleri toplu denetlemek için Derin Tarama aracını kullanabilirsiniz; o tarama sitenin tamamını dolaşıp aynı kuralları her sayfaya uygular.