Web sitesi görsellerinde alternatif metin nasıl düşünülmeli?

Görselin sayfadaki görevini belirleyin

Bir ürün fotoğrafı, menü simgesi ve arka plandaki desen aynı görevi yapmaz. Alternatif metni seçmeden önce görsel kaldırıldığında hangi bilginin kaybolacağını sorun. W3C'nin karar ağacı, anlam taşıyan görsellerde kısa bir açıklama; yalnızca süsleme amacı taşıyanlarda boş alt değeri kullanılmasını ele alır. Karar yalnızca dosyanın görünümüne değil, yer aldığı sayfanın bağlamına dayanır.

Ürün fotoğrafında ayırt edici bilgi verin

Örnek bir ürün sayfasında fotoğrafı “görsel” diye tanımlamak yerine “Krem renkli seramik kupa, önden görünüm” gibi bir açıklama deneyin. Fotoğraf yalnızca bir ayrıntıyı gösteriyorsa “Kupanın kulp ve yüzey dokusu” denebilir. Bunlar örnek metinlerdir; gerçekten görünmeyen bir özellik eklemeyin. Her fotoğrafa aynı uzun satış açıklamasını yapıştırmak yerine o görüntünün neyi anlattığını seçin.

Tıklanabilen görselde işlemi anlatın

Tek başına bağlantı olan bir simgede görünüşten çok hedef önemlidir. Bir büyüteç simgesini yalnızca “büyüteç” diye adlandırmak yerine, arama işlevini ifade etmek gerekir. W3C, bağlantı veya düğmenin anlaşılması için gerekli görsellerde hedefi ya da işlemi açıklayan alternatif metni önerir. Aynı işlev zaten görünür metinle anlatılıyorsa gereksiz tekrar oluşturmayacak uygulamayı geliştiriciyle değerlendirin.

Grafik ve görsel içindeki yazıyı ayrıca düşünün

Bir grafiği tek cümleyle tanımlamak, bütün verilerini aktarmayabilir. W3C, karmaşık görsellerin taşıdığı bilginin sayfanın başka bir yerinde de sunulmasını ele alır. Örneğin süreç diyagramının altında adımları gerçek metinle açıklayabilirsiniz. Bir duyurunun önemli tarihi yalnızca görselde kalmasın; ziyaretçinin okuyabileceği metin bölümünde de yer alsın.

Yayın öncesi küçük bir görsel listesi çıkarın

Ana sayfanızdan bir ürün fotoğrafı, bir dekoratif görsel ve bir bağlantı simgesi seçin. Dosya adı, kullanıldığı sayfa, taşıdığı bilgi ve önerdiğiniz alternatif metni dört sütunda kaydedin. Bu çalışma, aynı fotoğraf farklı bir amaçla kullanıldığında kararın neden değişebileceğini görmenizi sağlar. Son kontrolü içerik sorumlusu ve geliştirici birlikte yapsın; otomatik doldurulan açıklamaları okumadan kabul etmeyin.

İçeriği tasarımla birlikte hazırlayın

Görselleri teslim ederken yalnızca klasör göndermek yerine kullanım notlarını da ekleyin. Hangi fotoğrafın hangi özelliği göstereceği belli olsun. Alternatif metin işi, yayının son dakikasında rastgele kelime ekleme adımına dönüşmesin. İkra ile yeni sitenizi planlarken görsel seçimini ve açıklama ihtiyaçlarını birlikte konuşabilir, içerik dosyanızı tasarıma uygun biçimde düzenleyebilirsiniz.

Kaynaklar

W3C WAI — An alt Decision Tree

Okumaya devam edin

E-ticarette renk ve beden seçenekleri nasıl gösterilmeli?

Sosyal medya tasarımında tutarlı bir marka dili

Açılış sayfasında tek hedef neden önemlidir?