Bu araç ne işe yarar?
Görsel etiketlerini erişilebilirlik ve performans açısından özetler; eksik alt, boş alt, dekoratif görsel ve lazy loading sinyallerini çıkarır.
Erişilebilirlik Araçları
Görsel Erişilebilirlik Özeti
HTML içindeki görsellerin alt, title, width ve lazy loading durumunu özetle.
Online Araç
tool
Görsel Erişilebilirlik Özeti
Çıktı burada görünür
Nasıl kullanılır?
- Sayfadaki img etiketlerini veya görsel listesini girdi alanına yapıştır.
- Görsel Özeti Oluştur butonuna tıkla.
- Alt metni eksik, boş veya dekoratif görünen görselleri incele.
- Bilgi taşıyan görsellere kısa ve açıklayıcı alt metin ekle.
Örnek kullanım
Örnek girdi
<img src="urun.jpg" alt="Kırmızı spor ayakkabı">
<img src="banner.jpg" alt="">
<img src="kampanya.jpg">Örnek çıktı
Toplam görsel: 3
Alt metin var: 1
Alt boş: 1
Alt eksik: 1
Öneri: Bilgi taşıyan görseller için açıklayıcı alt metin ekle.İpuçları
Dekoratif görsellerde alt="" kullanılabilir. Ancak içerik anlatan, ürün gösteren veya işlem yönlendiren görsellerde anlamlı alt metin gerekir.