# 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. ## 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. ## Sık sorulan 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 - [W3C: WCAG 2.2 başarı ölçütü 1.1.1 Metin Dışı İçerik açıklaması](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content) - [W3C Görseller Eğitimi: alt karar ağacı](https://www.w3.org/WAI/tutorials/images/decision-tree/) - [W3C Görseller Eğitimi: işlevsel görseller](https://www.w3.org/WAI/tutorials/images/functional/) - [Google Search Central: Görsel SEO’su için en iyi uygulamalar](https://developers.google.com/search/docs/appearance/google-images) - [Deque: axe-core image-alt kuralı](https://dequeuniversity.com/rules/axe/4.13/image-alt) - [WebAIM: The WebAIM Million (2026)](https://webaim.org/projects/million/)