ALT Attributes

ALT Attributes Türkçe adıyla ALT Etiketleri; HTML standardının bir parçasıdır ve web sayfalarına dahil edilen görseller için alternatif metinleri belirtmek amacıyla kullanılır. SEO ve erişilebilir web sitelerinde büyük bir rol oynayan ALT etiketleri, görsellerin içeriğini açıklayan kısa metinlerdir.

Alternatif Metinlerin Amacı

Web tasarımında görseller ve grafikler önemli unsurlardır. Yazılı açıklamaların yanı sıra görseller karmaşık ilişkileri daha iyi iletir, sayfayı daha çekici hale getirir ve kullanıcı deneyimini iyileştirir. Ancak, tüm internet kullanıcıları görselleri görebilecek durumda değildir; ayrıca arama motorları grafik içeriği sınırlı bir ölçüde anlar. Bu durumlarda, ALT etiketleri görseller için metinsel bir alternatif sunarak bu sorunu çözer. Tarayıcılar ve diğer programlar, görüntülenemeyen veya anlaşılamayan bir görsel yerine bu metni kullanır.

Detaylı olarak, ALT etiketleri şu durumlarda kullanılır:

• Ekran okuyucular: Görme engelli kullanıcılar için alternatif metni yüksek sesle okur.
• Arama motorları: Google gibi arama motorları, görselin ne hakkında olduğunu anlamak için ALT metinlerini analiz eder.
• Kırık görseller: Görsellerin bağlantısı bozulduğunda veya tarayıcı tarafından desteklenmeyen bir format olduğunda, tarayıcılar ALT metnini gösterir.

Arama motorları, ALT metinlerinin kalitesine büyük önem verir, çünkü bu metinler görsellerin ve sayfanın genel içeriğinin doğru şekilde sınıflandırılmasına olanak tanır. Ayrıca, erişilebilir siteler SEO açısından daha yüksek sıralama elde eder.

ALT Etiketlerinin HTML Kodunda Belirtilmesi

HTML'de ALT etiketi zorunlu bir özniteliktir ve tüm <img> ve <area> etiketleri için belirtilmesi gerekir. Örneğin:

Dekoratif görseller için alternatif metin boş bırakılmalıdır, çünkü bu tür görseller içerik açısından anlam taşımamaktadır:

ALT Etiketleri İçin Gereklilikler

HTML standardı, alternatif metinlerin görselin içeriğiyle ilgili uygun ve eksiksiz bir açıklama içermesini gerektirir. Ek açıklamalar veya başlıklar içermemelidir. Böylece sayfa görseller olmadan da anlaşılabilir ve aynı bilgi içeriğine sahip olur.

SEO açısından uygun ALT metinler görme engelli kullanıcılar, arama motorları ve görsellerin görüntülenmesini kapatan kullanıcılar için faydalıdır. Ancak, ALT etiketlerinin gereğinden fazla anahtar kelime içermesi (Keyword Stuffing) arama motorları tarafından cezalandırılabilir.

Farklı Görsel Türleri İçin Uygun Alternatif Metinler

Farklı görsel türleri için ideal ALT metni, görselin amacına ve içeriğine bağlıdır. İşte bazı örnekler:

• Bağımsız Görseller: Galeri fotoğrafları gibi tek başına anlam taşıyan görseller. Kısa ve anlamlı bir açıklama eklenir.
• Satır İçi Görseller: Emojiler veya ikonlar gibi küçük grafikler. Görselin yerine geçecek metin eklenir.
• Açıklayıcı Görseller: Grafik veya istatistikler. Görsel yalnızca metni özetliyorsa ALT metni boş bırakılır.
• Dekoratif Grafikler: Arka plan görüntüleri, çerçeveler vb. estetik amaçlı görsellerde ALT etiketi boş bırakılır.

ALT etiketi sadece <img> etiketlerine uygulanabilirken, TITLE etiketi birçok HTML öğesi için desteklenir ve ek bilgi sağlamak amacıyla kullanılır. Erişilebilirlik açısından ALT etiketi daha önemlidir.