← Tüm blog yazıları
Tasarım

Görsel açıklaması neyi anlatmalı?

Yaklaşık 1 dk okuma
Ürün fotoğrafının açıklamasını ve erişilebilirlik donanımını gösteren masa.
Görsel: Bu blog için AI ile üretilmiş kavramsal kapak; gerçek ürün ekran görüntüsü veya kaynak kurumun görseli değildir.

Bir görseli göremeyen okur, o görselin yazıya ne kattığını nasıl anlayacak? Alt metni, görüntüdeki her ayrıntıyı saymak değil, bulunduğu bağlamdaki önemli bilgiyi taşımaktır. Aynı fotoğraf farklı sayfalarda farklı açıklamalara ihtiyaç duyabilir.

Alt metinde benim önceliğim, görseli uzun uzun tarif etmek değil, okurun kaçıracağı bilgiyi tamamlamak. Her ayrıntıyı sayınca daha erişilebilir bir metin yazmış olmuyoruz. Bana kalırsa iyi açıklama, fotoğrafın bu yazıda neden bulunduğunu anlaşılır kılan açıklama. Görselin görevi değişiyorsa metni de yeniden düşünmek gerekir.

Temel fikir

W3C, bilgi veren, dekoratif ve işlevsel görselleri ayırır. Sadece süs olan görsel boş alt niteliğiyle işaretlenebilir. Bağlantı veya düğme görevi olan görselde ise görüntüden çok işlev açıklanır. Karmaşık bir grafik, kısa alt metninin yanında daha ayrıntılı bir açıklama gerektirebilir.

Bir örnek üzerinden

Örneğin bir ürün sayfasında çantanın iç bölmelerini gösteren fotoğraf için renkli bir çanta demek yetersizdir. İki ayrı fermuarlı bölüm bilgisini aktarmak daha yararlı olabilir. Aynı fotoğraf yalnızca dekoratif bir arka plansa aynı uzun açıklamayı tekrar etmek gereksizdir.

Pratik özet — editoryal örnek, ölçüm sonucu değildir.
Görselin göreviAçıklama yaklaşımı
Bilgi aktarıyorTemel bilgiyi yaz
Yalnızca dekorasyonBoş alt niteliği
Bir işlem başlatıyorİşlevi açıkla

Nereden başlamalı?

Kontrol ederken görseli zihninde çıkar ve paragrafı oku. Eksilen bilgi ne? Açıklamayı o boşluğu kapatacak kadar yaz. Dosya adını veya anahtar kelime yığınını erişilebilir açıklamanın yerine koyma.

Benim yaklaşımım

Bir çantanın fermuarlarını anlatan yazıda fotoğrafın renginden önce bölmelerin nasıl ayrıldığını açıklardım. Aynı fotoğrafı yalnızca bir ruh hâli oluşturmak için kullansam bu kadar ayrıntıya ihtiyaç duymayabilirim. Kendime soracağım soru şu olur: Bu görsel kaldırıldığında okurun anlaması zorlaşan şey tam olarak ne?

Kaynaklar

W3C WAI — Images Tutorial

Aklına takılan bir şey mi var?

Yazıyla ilgili sorunu veya proje fikrini paylaş.

WhatsApp’tan yaz