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ğı”