Ücretsiz Erişilebilirlik aracı

Görsel Alt Metin Kontrol Aracı

Bir sayfa adresi girin; sayfadaki her görseli, betikler çalıştıktan sonra gerçek bir tarayıcıda okunduğu haliyle alt metniyle listeleyelim. Hangi görsellerin alt metni olmadığını, hangilerinin dekoratif olarak işaretlendiğini ve hangilerinin hiçbir şey anlatmayan bir alt metne sahip olduğunu görün.

Ücretsiz. Girdiğiniz adresi yaklaşık 20 saniyede kontrol eder.

Bu araç neleri kontrol eder

  • Alt metni olmayan görseller

    alt özniteliği ve aria-label gibi başka bir erişilebilir adı olmayan her img öğesi ve görsel düğme.

  • Bağlantıyı adsız bırakan bağlantılı görseller

    Alt metni ve başka metni olmayan, bağlantıların veya düğmelerin içindeki logolar ve simgeler; ekran okuyucu bunları yalnızca “bağlantı” diye duyurabilir.

  • Dosya adına benzeyen alt metinler

    IMG_2041.jpg, DSC0042 veya uzun bir rakam dizisi gibi, birçok sistemin yükleme sırasında otomatik doldurduğu değerler.

  • Genel kelimeler

    Yalnızca “görsel”, “fotoğraf”, “logo” veya “banner” olan alt metin, görselin ne gösterdiğini kimseye anlatmaz.

  • Gereksiz ve tekrarlanan metinler

    “Görseli” gibi kelimelerle başlayan, yanındaki bağlantı metnini tekrarlayan veya üç ya da daha fazla farklı görselde kullanılan açıklamalar.

  • Dekoratif ve gizli görseller

    alt="" veya role="presentation" ile işaretlenmiş görseller ve aria-hidden ya da CSS ile gizlenmiş görseller ayrıca listelenir; böylece her birinin gerçekten dekoratif olduğunu doğrulayabilirsiniz.

  • Her görselin önizlemesi

    Alt metninin yanında küçük bir önizleme; böylece her açıklamayı saniyeler içinde değerlendirebilirsiniz. Filtreler yalnızca sorunları veya yalnızca kontrol edileceklerini gösterir.

Neleri kontrol edemez

  • Alt metnin doğru olup olmadığını söylemek. Bunu yalnızca görseli görebilen ve sayfada neden bulunduğunu bilen bir kişi değerlendirebilir.
  • CSS arka planı olarak eklenen görselleri veya SVG ve canvas grafiklerinin metin alternatiflerini kontrol etmek. img öğelerini ve görsel düğmeleri listeler.
  • Gömülü videolar, haritalar ve reklamlar gibi çerçevelerin içindeki görselleri kontrol etmek.
  • 150’den fazla görsel listelemek. Çok uzun sayfalarda ilk 150 görseli gösterir ve toplam sayıyı belirtir.
  • Diğer sayfaları test etmek. Tam ücretsiz tarama, alt metinleri WCAG’nin geri kalanıyla birlikte en fazla beş önemli sayfada kontrol eder.

Neden önemli

Alt metin, ekran okuyucunun görselin yerine okuduğu ve görsel yüklenemediğinde tarayıcının gösterdiği metindir. WCAG 2.2’nin A düzeyindeki 1.1.1 başarı ölçütü, bilgi taşıyan her görsel için bir metin alternatifi, bilgi taşımayanlar için ise boş bir alternatif ister.

Eksik alt metin, web’deki en yaygın ikinci erişilebilirlik hatasıdır: WebAIM’in 2026 analizi bunu en çok ziyaret edilen bir milyon ana sayfanın %53,1’inde buldu ve incelediği görsellerin %16,2’sinin alt metni yoktu.

Arama motorları da alt metni okur. Google, görselleri anlamak için alt metni bilgisayarlı görü ve sayfa içeriğiyle birlikte kullandığını, bağlantılı bir görselin alt metninin ise bağlantının çapa metni gibi işlediğini söylüyor.

Sonuçlar nasıl okunur

Alt metin yok
Görselin alt özniteliği ve başka bir adı yok. Kullanılan yazılıma göre ekran okuyucu dosya adını okuyabilir veya görseli atlayabilir.
Dekoratif
alt="" veya role="presentation": ekran okuyucular görseli atlar. Süsleme için doğrudur; bilgi taşıyan ya da bir bağlantının tek içeriği olan görsel için yanlıştır.
Alt metni var
Görselin bir açıklaması var. Yanlış görünenleri işaretliyoruz; geri kalanların da doğruluğunu bir kişinin kontrol etmesi gerekir.
ARIA veya title ile adlandırılmış
alt özniteliği yok ama aria-label, aria-labelledby veya title ile bir adı var. Otomatik testleri geçer; yine de alt daha güvenilir seçimdir.
Gizli
Gösterilmiyor ya da aria-hidden ile yardımcı teknolojilerden gizlenmiş. Görselin görünmesi gerekmiyorsa düzeltilecek bir şey yok.
Adı olmayan bağlantı
Tek içeriği metin alternatifi olmayan bir görsel olan bağlantı veya düğme. Görselin kendisi dekoratif olsa bile bu bir hatadır.
Kontrol
Dosya adına veya genel bir kelimeye benzeyen, “görseli” gibi ifadelerle başlayan, bağlantı metnini tekrarlayan, çok uzun olan veya birden fazla görselde kullanılan alt metinler.

En yaygın sorunlar nasıl düzeltilir

  • Ürün ve içerik fotoğrafları

    Görsel olmasaydı birinin sayfa bağlamında neyi kaçıracağını anlatın. Bir ürün için: ürünün kendisi, rengi ve gösterilen açı. Bir makale fotoğrafı için: metnin anlatmadığı neyi gösterdiği.

  • Ana sayfaya giden logolar

    Bağlantılı bir görsel, bağlantının nereye gittiğini söylemelidir. Ana sayfaya giden bir logo için “logo” yerine şirket adını kullanın, örneğin alt="Acme ana sayfa".

  • Bağlantıların ve düğmelerin içindeki simgeler

    Simgeye “Ara” veya “Sepet” gibi eylemi söyleyen bir alt metin verin ya da bağlantıya bir aria-label verip simgeyi alt="" ile dekoratif olarak işaretleyin.

  • Dekoratif görseller

    Ayraçlar, arka plan süslemeleri ve hemen yanındaki metni tekrarlayan görseller için alt="" kullanın (eksik bir öznitelik değil, boş bir değer).

  • Platformunuzun doldurduğu dosya adları

    Birçok platform yükleme sırasında dosya adını alt alanına kopyalar. Görselin yönetildiği yerde düzenleyin: Shopify’da ürünün medyasında, WordPress’te Ortam Kütüphanesi’ndeki Alternatif Metin alanında.

  • Grafikler ve infografikler

    Grafiğin ne gösterdiğini söyleyen kısa bir alt metin verin; verileri veya bir özeti yanındaki metne ya da bir tabloya koyun.

Alt metni olmayan görseller: Shopify’da, WooCommerce’te ve her sitede nasıl düzeltilir

Bu araçla ilgili sorular

Alt metin nedir?

Bir görselin alt özniteliği, görselin metin alternatifini taşır. Ekran okuyucular bunu sesli okur, tarayıcılar ise görsel gösterilemediğinde bunu gösterir.

Her görselin alt metni olmalı mı?

Her img öğesinin bir alt özniteliği olmalıdır. Bilgi taşıyan bir görselde görseli anlatır; dekoratif bir görselde ise ekran okuyucuların atlaması için boş olmalıdır (alt="").

Alt metin ne kadar uzun olmalı?

WCAG bir sınır koymaz. İyi bir alt metin genellikle kısa bir ifade veya cümledir. Bir görselin daha fazlasına ihtiyacı varsa onu sayfa metninde veya resim altı yazısında anlatın ve alt metni kısa tutun. 150 karakterden uzun alt metinleri ikinci bir göz için işaretliyoruz.

Alt metin SEO’ya yardımcı olur mu?

Google, görselleri anlamak için alt metni bilgisayarlı görü ve sayfa içeriğiyle birlikte kullandığını ve bağlantılı bir görselin alt metninin çapa metni gibi işlediğini söylüyor. Ayrıca alt özniteliklerini anahtar kelimelerle doldurmanın spam olarak değerlendirilebileceği konusunda uyarıyor.

title özniteliği alt ile aynı şey mi?

Hayır. title, fareyle üzerine gelindiğinde ipucu olarak görünür; ekran okuyucular tarafından güvenilir şekilde duyurulmaz ve dokunmatik ekranlarda kullanılamaz. Otomatik testler alt yokken onu ad olarak kabul eder ama güvenilir seçim alt’tır.

Alt metnimi yapay zekâ yazabilir mi?

Taslak açıklamalar yazabilir ama görselin sayfanızda neden bulunduğunu bilmez. Her taslağı gözden geçirin: doğru alt metin, yalnızca sizin bildiğiniz bağlama bağlıdır.

Kaynaklar

İlgili araçlar

Erişilebilirlik Düzeltme Raporu ($174, tek seferlik) ücretsiz taramanın tamamından yola çıkar ve buna daha fazla sayfa, her bulgu için yapılacak değişiklik, bir PDF ve düzeltmelerinizi doğrulamak için yeniden testler ekler.

Erişilebilirlik Düzeltme Raporu hakkında