Tanım

Alt etiketi, teknik adıyla alternatif metin (alt text), web sayfalarında genellikle görseller için kullanılan bir HTML özniteliğidir. Görselin içeriğini ve amacını açıklayan kısa bir metin sunar. Bu açıklama, görseli göremeyen kullanıcılar için erişilebilirliği sağlamak ve iletilen bilgiyi etkili şekilde aktarmak amacıyla kullanılır.

Açıklama 

Bir ekran okuyucunun, görme engelli bir kullanıcıya bir web sayfasındaki içeriği sesli olarak okuduğunu hayal edin. Metinleri tek tek okurken bir görsele geldiğinde, okuyucunun görseli nasıl tanımlayacağını düşünün. Görselin içeriği hakkında özel bir bilgi sunulmadıkça, ekran okuyucu bu içeriği atlayacaktır. İşte alt etiketi bu noktada devreye girer.

Örneğin, sayfanızda Taj Mahal’in etkileyici bir fotoğrafı yer alıyor olsun. Ekran okuyucu bu görsele ulaştığında sessizce geçmek yerine, şöyle bir açıklama yapabilir: “Gün doğumunda Taj Mahal’in havadan görünümü.” Bu açıklama, görselin HTML kodunda özel olarak tanımlanmış alt metin sayesinde mümkündür. Yani görsel içerikler için metinsel bir alternatif sunmak, erişilebilirlik açısından kritik öneme sahiptir.

Bu alternatif metin, görselleri göremeyen kullanıcıların ekran okuyucu veya diğer yardımcı teknolojiler aracılığıyla içerikleri anlamasını sağlar. Aynı zamanda grafik, diyagram ya da infografik gibi görsel bilgilendirme öğeleri de bu sayede erişilebilir hâle gelir. Alt etiketler, görsel bilgiyi sesli ya da dokunsal deneyime entegre eder.

HTML’de Alt Etiketi Kullanımı Örneği:

HTML

src="taj-mahal.png"
alt="Sabah güneşinin ışığında yıkanan Tac Mahal’in havadan görünümü."
title="Hindistan’ın Agra şehrindeki ikonik Tac Mahal mozolesinin benzersiz bir üstten görünümü."

/>

Bu örnekte:

• src="taj-mahal.png" → Görsel dosyasının yolunu belirtir.
• alt="Sabah güneşinin ışığında yıkanan Tac Mahal’in havadan görünümü." → Alternatif metindir. Bir ekran okuyucu bu ifadeyi seslendirir. Kısa ama açıklayıcı olmalı, görselin amacını ve içeriğini aktarmalıdır.
• title="Hindistan’ın Agra şehrindeki ikonik Tac Mahal mozolesinin benzersiz bir üstten görünümü." → (isteğe bağlı) Genellikle fareyle üzerine gelindiğinde görünen bilgi balonunu sağlar. Görme engelli kullanıcılar için değil, görsel kullanıcılar için ek bağlam sunar.