Web siteniz için kullanışlı görsel açıklamaları yazın

Bir görsel için birden fazla türde açıklama gerekebilir. Yerleştirme talimatı, site oluşturucuya görseli nasıl kullanacağını söyler. Görünür bir başlık, okuyuculara bağlamı açıklar. Alternatif metin ise görseli göremeyen kişilere görselin önemli anlamını aktarır. Bu roller örtüşebilir, ancak birbirlerinin yerine kullanılamaz.

Site oluşturucuya ne amaçladığınızı belirtin

Görselin ne gösterdiğini ve onu neden eklediğinizi açıklayın. Örneğin: “Bu, onardığım sandalye. Restorasyon projesinin yanına, önceki hâlini gösteren görselden sonra yerleştir.” Önem taşıyan kırpma tercihlerinizi de belirtin. Site oluşturucudan, olgularınızla doğrulanmayan bir müşteri tavsiyesi, konum veya ürün özelliği çıkarsamasını istemeyin.

Bağlam için başlık kullanın

Bir başlık projeyi adlandırabilir, tarih verebilir veya hangi aşamanın gösterildiğini açıklayabilir. Başlığı tekrarlamak yerine yararlı bilgi eklemelidir. Görsel kurgusal bir konsepti ya da alıştırma amaçlı bir projeyi gösteriyorsa bu bağlamı açıkça belirtin. Yayınlamadan önce adları ve tarihleri kontrol edin.

Her pikseli değil, anlamı açıklayın

Alternatif metin, görselin bulunduğu bağlamda ne kattığını aktarmalıdır. Bir proje fotoğrafı, tamamlanmış parçanın kısa bir açıklamasını gerektirebilir. Dekoratif bir süsleme içinse atlanmasını sağlayan boş bir alternatif metin uygun olabilir. Görselde önemli talimatlar veya fiyatlar varsa bu bilgileri sayfa metni olarak da ekleyin.

Çevresindeki bölümle birlikte gözden geçirin

Başlığı, paragrafı, görsel başlığını ve görsel açıklamasını birlikte okuyun. Sayfada gezinmeyi yorucu hâle getiren tekrarları kaldırın. Görsel yüklenmediğinde ziyaretçinin ana mesajı anlayıp anlayamayacağını kontrol edin. Metin, görselin göstermediği bir şeyi kanıtladığını iddia etmemelidir.

VollSite'a görsel eklerken görselin rolünü açıklayın ve istenen değişiklik tamamlandıktan sonra oluşturulan yerleşimi inceleyin. Özgün dosyalarınızı ayrıca saklayın ve yalnızca yayımlama hakkına sahip olduğunuz materyalleri kullanın. Erişilebilirliğin temel ilkeleri için https://web.dev/learn/design/accessibility adresine bakın. Otomatik denetimler eksik bazı açıklamaları bulabilir, ancak kullanılan ifadelerin doğru anlamı aktarıp aktarmadığına yine de bir kişi karar vermelidir.