"Ekran okuyucunun hangi dosya adını günde 40 kez kulağınıza yüksek sesle okumasını istersiniz?" Bu biraz absürt bir soru ama anlamlı bir görsel alt='image1.jpg' ile bırakıldığında veya daha kötüsü hiç alt metin olmadan bırakıldığında olan tam olarak budur. Bu makale, yalnızca mevcut değil, aynı zamanda iyi olan, gerçekten yardımcı olan alternatif metin yazmaya yönelik pratik bir kılavuzdur.

Kısacası — bu kılavuzun kapsamı

  1. Kötü alternatif metin neden neredeyse eksik alternatif metin kadar kötüdür?
  2. İyi alternatif metin nasıl yazılır?
  3. Alternatif metin ne zaman kasıtlı olarak boş bırakılmalıdır?
  4. Karmaşık grafikler ve diyagramlarla ne yapılmalı?

Neden Kötü Alternatif Metin Neredeyse Eksik Alternatif Metin Kadar Kötü?

WCAG 1.1.1 uyarınca, metin olmayan tüm içeriğin bir metin alternatifi olması gerekir; ancak resmi gereklilik hikayenin yalnızca yarısıdır. "image1.jpg", "image" veya "logo" teknik olarak gereksinimi karşılar (bir alt özelliği vardır), ancak gerçek bir bilgi aktarmazlar. Bir dizi "image... image... image23.png" ifadesini duyan bir ekran okuyucu kullanıcısı, bir dizi boş çerçeveye bakan, gören bir kullanıcıdan daha az hayal kırıklığına uğramaz.

İyi Alternatif Metin Nasıl Yazılır

Yol gösterici kural: görselin mesajını, gördüğünüz şeyin gerçek bir açıklaması değil, göründüğü bağlam içinde açıklayın. İşbirliğiyle ilgili bir makaleye eşlik eden, bir ekip toplantısında bir masanın etrafındaki insanları gösteren bir fotoğrafa "İnsanların fotoğrafı" değil, "Masa etrafında birlikte çalışan ekip" verilebilir. Bir grafik veya grafik için, grafiğin sunduğu sonucu açıklayın: "Üçüncü çeyrekte satışlarda %40'lık bir artış gösteren çubuk grafik", "Çubuk grafik"ten önemli ölçüde daha iyidir.

Açıklayıcı diyagram Etkili ve etkisiz alternatif metin Genel alternatif metin ile kesin, açıklayıcı alternatif metin arasında karşılaştırma Alternatif Metin: Yalnızca "Mevcut" Değil — Aynı zamanda "İyi" ❌ Yeterli değil Alt: "image1.jpg" Dosya adı kullanıcı için hiçbir şey ifade etmez ekran okuyucuya güveniyor ✅ Hassas ve amaca yönelik Alt: "Çubuk grafik: %40 3. çeyrekte satışlarda artış" İçeriği ve mesajı açıklar - yalnızca "bir resim var"ı değil Tamamen dekoratif bir resim mi? Boş Alt "" daha iyi Altın kural: Telefondaki birine görüntüyü tanımlamak için hangi iki veya üç kelimeyi söylersiniz?
Altın kural: Telefondaki birine, kendisi göremese, görüntüyü tanımlamak için hangi iki veya üç kelimeyi söylerdiniz?

Alternatif Metin Ne Zaman Kasıtlı Olarak Boş Bırakılmalı?

Her görselin bir açıklamaya ihtiyacı yoktur. Tamamen dekoratif görseller (grafik bölme çizgileri, arka plan çizimleri, yalnızca yakındaki metni tekrarlayan simgeler) en iyi şekilde etiketleniralt=""(boş alternatif metin, eksik değil) böylece ekran okuyucu bunları tamamen atlar. "Eksik" ve "kasıtlı olarak boş" arasındaki fark kritik öneme sahiptir: Eksiklik bir hata gibi görünür veya dosya adını okur; kasıtlı olarak boş olan, sessizce üzerinden atlanır.

💡 Pratik İpucu

Hızlı bir test: Resmi sayfadan tamamen sildiyseniz, resmi göremeyen bir kullanıcı hiçbir şeyi kaçırmış olur mu? Değilse, muhtemelen dekoratiftir ve boş bir altlığa uygundur.

Karmaşık Grafikler ve Diyagramlarla Ne Yapmalı?

Karmaşık bir veri grafiği, resimli bir karşılaştırma tablosu veya birkaç bilgi katmanı içeren bir infografik için kısa alternatif metin yeterli değildir; iletilecek çok fazla bilgi vardır. Çözüm: genel konuyu açıklayan kısa alternatif metin ve bunun yanında (yalnızca alt özelliğinde değil, görüntüyü çevreleyen normal metinde de) önemli verilerin daha ayrıntılı bir açıklaması veya bir ekran okuyucunun gezinebileceği eşdeğer bir veri tablosu.

Sitenizde Hangi Alternatif Metnin Eksik veya Sorunlu Olduğundan Emin Değil misiniz?

Aracımız, sitenizdeki her belgede alternatif metin içermeyen görselleri bulur ve bunları önceliğe göre işaretler.

Belgelerinizi ücretsiz olarak erişilebilir hale getirin ←