Nitelik alt, bir görüntünün içeriğini veya işlevini açıklayan metin alternatifi sağlar. Görüntüyü göremeyen kullanıcılara ve araçlara hizmet eder.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Nitelik alt, bir görüntünün içeriğini veya işlevini açıklayan metin alternatifi sağlar. Görüntüyü göremeyen kullanıcılara ve araçlara hizmet eder.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt öğesini sesli olarak okur, böylece görme engelli bir kullanıcı görüntünün ne anlattığını bilir. Olmadan, sadece dosya adını veya "görüntü" duyarlar — faydasız.alt metni gösterir.alt kullanırlar (resim SEO).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
alt="" (boş ama mevcut) önemlidir: ekran okuyucuya "bu dekoratiftir, yoksay" söyler. alt niteliğini tamamen çıkarmak farklıdır — o zaman okuyucu dosya adını duyurabilir.
alt, resimler için en önemli erişilebilirlik niteliği ve erişilebilirlik standartları (WCAG) uyarınca yasal bir gereksinimdir.
İçeriği göremeyen kullanıcılara algılanabilir kılar, resmiler kırıldığında yedek sağlar ve SEO'ya yardımcı olur — görüntünün bağlam içinde ne anlama geldiğini açıklayın ve tamamen dekoratif resmiler için alt="" kullanın.