Bir çok sitede bir resmin üzerine geldiğinizde mouse’unuzun altında bir yazının belirdiğini görürsünüz (eğer resme alt tag verilmişse görürsünüz bunu).İşte bu yazı o resmin alt tag’idir.Tanımlanması hakkında html kodu olarak şöyle bir örnek verebiliriz :
<img src=”resim dosyası (van_kedisi.jpg gibi)” alt=”ALT TAG (van kedisinin bir gözü mavidir, bir gözü yeşil … gibi)” width=”30″ height=”30″ />
Kod içindeki resimler için etkili ALT text’ler oluşturmak,kullanışlı ve yüksek-erişilebilirliği olan bir site için anahtar bir konudur.Peki etkili ALT text nasıl oluşturulur?
ALT TAG’leri etkili oluşturmanın yolları
• Kısa tutun
(Özellikle tablo içinde ise)
Çoğu web tarayıcıları (browser) ALT text’lere bir sıra uzunuğundaki PRE text olarak davranılır ; kelime aralıkları ve satır başlarını saymadan.Çoğu web tarayıcılarında, çok uzun ALT text’ler sayfa biçimini mahvedebilir.Bu daha çok tablo tabanlı sayfalarda ortaya çıkabilir.
• Açıklayıcı ve anlamlı yapın
Anlamsız ALT text muhtemelen hiç ALT text olmamasından daha kötüdür.ALT text’lerinizi olabildiğince kısa ve öz belirleyin,gereksiz ayrıntılardan sakının. Örneğin gökkuşağının renklerini gösteren bir görsel için “g_renk.jpg – 10.5 K” ve “resim_5” gibi alt tag tanımları kullanmaktansa “gökkuşağı renkleri” diye ALT-text hazırlamanız faydalı olacaktır.Hatta diğerlerinin en ufak bir faydasağlayacağı kuşkuludur.
• Dekorasyonları elimine edin
Bir içerik bulundurmayan, butonlar(düğmeler),madde imleri(işaretçileri),ayıraçlar gibi sadece dekorasyon amaçlı olan ve diğer içeriğin organizasyonunda kullanılan görseller için,boş ALT text’ler (ALT= “”) kullanmak bu dekorasyonları elimine edecektir. Bu butonlar ve madde imleri için,basit bir ALT=”*” yapılablicek güzel bir numaradır.Benzer olarak, ALT=”————-” ayıraçların ALT textleri için uygundur.
• ALT text’lere boşluklar ekleyin
<IMG SRC=”y.gif” ALT=”yukarı”><IMG SRC=”a.gif” ALT=”aşağı”>
Bu iki görsel tanımlaması site haritalaması sonrasında tek bir kelime olarak algılanır: “yukarıaşağı” .Bunun yerine
<IMG SRC=”y.gif” ALT=” yukarı “><IMG SRC=”a.gif” ALT=” aşağı “>
Olarak tanımlamak iki farklı kelime olarak algılanmasını sağlar: “yukarı aşağı”