Görseli bulunduğu cümleyle birlikte okuyun

Önce sayfanın amacını ve resmin çevresindeki metni inceleyin. Ürün açıklaması zaten ölçüleri veriyorsa alt metinde aynı listeyi tekrar etmek gerekmeyebilir. Fotoğrafın gösterdiği ahşap birleşim veya kolçak biçimi seçim için anlamlıysa onu kısa ve doğru bir ifadeyle anlatın. Görünmeyen özellikleri fotoğraftan tahmin ederek eklemeyin.

W3C’nin karar ağacı, anlam taşıyan görsellerin bağlamdaki katkısına göre açıklanmasını; yalnız dekor olanların ise boş alt niteliğiyle sunulmasını ayırır. Boş alt kullanımı ile alt niteliğini tamamen unutmak aynı şey değildir. Kararı, bir SEO kontrol aracındaki uyarı sayısını azaltmak için değil görselin görevi için verin.

Bağlantıdaki görselin işlevini kontrol edin

Bir kategori kartında yalnız resim bağlantıysa, ziyaretçinin nereye gideceğini belirten erişilebilir bir ad gerekir. “Sandalye fotoğrafı” yerine bağlantının amacını açıklayan ifade daha yararlı olabilir. Ancak aynı bağlantının içinde zaten görünen bir kategori başlığı varsa, resim açıklamasının o adı gereksiz yere tekrarlamamasını değerlendirin.

Görsel ile başlık ayrı bağlantılarsa iki farklı odak durağı oluşur. Alt metin yazarken bu yapıyı da gözden geçirin. Sadece içerik editörüne bir metin tablosu vermek yeterli değildir; geliştiricinin oluşturduğu bağlantı, buton ve etiket ilişkisi son anlamı değiştirir. Sonucu tarayıcıda ve ilgili yardımcı teknolojiyle inceleyin.

Aynı çizim, üç farklı görev

Şemanın bütün bilgisini tek alana sıkıştırmayın

Süreç diyagramı veya veri grafiği, kısa bir fotoğraf açıklamasından daha fazla bilgi taşıyabilir. Görselin neyi gösterdiğini kısa alt metinle belirtip ayrıntılı açıklamayı sayfada gerçek metin olarak sunun. Bu açıklama görüntüye erişemeyenler için de aynı sonucu anlamayı mümkün kılmalı.

Örneğin üç aşamalı teslim çiziminde aşama adlarını, sırayı ve önemli bağlantıları metinle açıklayın. Renkleri tek başına yön tarifi yapmayın: “yeşil kutudan ilerle” yerine kutunun adını kullanın. Görseldeki yazı çevrede bulunmuyorsa bu bilginin metinsel karşılığını ayrıca kontrol edin. Uzun bir listeyi dar alt alanına doldurmak tek seçenek değildir.

Türkçe ve İngilizce sürümleri birlikte teslim edin

Sayfanın dili değiştiğinde görseldeki anlamlı metin ve alt açıklama da uygun dilde olmalı. Çeviride ürün adı ve teknik terimler tutarlı kalsın. İngilizce sürümde dosya adının otomatik gösterilmesi, Türkçe açıklamanın doğru yazılmış olmasını etkisiz bırakır. İçerik tablosuna iki dil için ayrı alan ekleyin.

Görsel değiştiğinde açıklamayı yeniden okuyun. Eski fotoğrafta bulunan bir detay yeni kadrajda görünmeyebilir. Aynı alt metni bütün galeriye kopyalamak yerine her karenin görevi gerçekten farklı mı diye değerlendirin. Bazı tekrarların gereksiz olduğunu görürseniz, önce görsel seçimini sadeleştirmek daha iyi bir editoryal karar olabilir.

Kontrolü açıklama ve sayfa yapısıyla tamamlayın

Teslimde görsel kaynağı, kullanım hakkı, sayfadaki rolü, alt metni ve varsa uzun açıklamasını aynı kayıtta tutun. Görsel yüklenmediğinde hangi bilgi kayboluyor? Bağlantı resim olmadan anlaşılabiliyor mu? Bir editör bu iki soruyla kontrolün önemli bölümünü başlatabilir; teknik erişilebilirlik incelemesi ayrıca devam eder.

Mobil kadraj rehberimiz hangi detayın görüntüde kalacağını açıklar. Erhan Mobilya proje sayfamız gerçek bir görsel sunum bağlantısıdır; buradaki sandalye örneği o müşterinin ürün beyanı değildir. Web tasarım tesliminde alt metni sonradan doldurulacak bir kutu değil, içerik kararının parçası olarak planlayın.

Sık sorulan sorular

Her görselin uzun açıklaması olmalı mı?

Hayır. Açıklamanın uzunluğunu anlamı belirler. Dekor için boş alt, basit bilgi için kısa açıklama, karmaşık şema için sayfada ayrıntılı metin gerekebilir.

Alt metne anahtar kelime eklemek şart mı?

Görselin anlamını doğru anlatın. Konuyla ilgisiz veya zoraki anahtar kelime tekrarları açıklamanın kullanımını zorlaştırır; sıralama garantisi sağlamaz.

Kaynaklar ve ileri okuma

W3C — An alt Decision Tree
Web tasarım & geliştirmeBu hizmeti konuşalım