alt nitelik - alt attribute

Alt özelliği olan HTML özelliği kullanılan HTML ve XHTML alternatif belirtmek için belgelerin metin ( alt metin edilecek) render zaman eleman bunun uygulandığı getirilmesi mümkün değildir.

Alt özelliği, bir web sayfasının içeriğini dinleyen bir kişinin (örneğin, kör bir kişi) bu öğeyle etkileşime girebilmesi için "ekran okuyucu" yazılımı tarafından kullanılır. Ayrıca, metin olarak kopyalayıp yapıştırıldığında görüntünün yerine geçer ve görüntüleri makine tarafından daha okunabilir hale getirerek arama motoru optimizasyonunu geliştirir . Her görüntünün erişilebilir olması için bir alt niteliği olmalıdır, ancak metin içermesi gerekmez. Boş veya boş bir nitelik olabilir: alt="".

Nitelik HTML 2'de tanıtıldı ve HTML 4.01'deimg ve area etiketleri için gerekliydi . inputEtiket ve kullanımdan kaldırılmış applet etiket için isteğe bağlıdır .

Örnek

Gökyüzünde, dikey çubuğu bayrak direğine doğru kaydırılan beyaz haçlı kırmızı bir bayrak dalgalanıyor.

Alt özelliğinin "Gökyüzünde dikey çubuğu bayrak direğine doğru kaydırılmış beyaz haçlı kırmızı bir bayrak dalgalanıyor" olan bir resim.

Bu görüntünün HTML'si aşağıdaki gibi olabilir: 

<img  alt="In the sky flies a red flag with a white cross whose vertical bar is shifted toward the flagpole." src="http://upload.a.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg">
Bu paragraf, resim yerine alternatif metni görüntüleyen metin tabanlı Lynx web tarayıcısında görüldüğü gibidir.

Orca gibi bir ekran okuyucu kullanan görme engelli bir okuyucu , görüntünün yerine alternatif metni duyacaktır. Bir metin tabanlı web tarayıcısı gibi Lynx yerine görüntünün alt metni görüntüler. Bir grafik tarayıcı tipik olarak yalnızca resmi görüntüler ve alternatif metni yalnızca kullanıcı ondan görüntünün özelliklerini göstermesini isterse veya tarayıcıyı görüntüleri göstermeyecek şekilde yapılandırdıysa veya tarayıcı görüntüyü alamadıysa veya kodunu çözemezse, alternatif metni görüntüler. .

Alternatif bir alt nitelik değeri "Danimarka bayrağı" olacaktır.

Yaygın yanlış anlamalar

altNitelik her zaman tam anlamıyla görüntünün içeriğini açıklamak zorunda değildir. Resmin amacını ve bağlamını ve onu göremeyen biri için neyin yararlı olacağını aklınızda bulundurun. Alt özelliğinin , genellikle amacını belirten, görüntü için bir alternatif olması beklenir . Örneğin, bir uyarı işaretinin görüntüsünde "sarı arka planlı, siyah kenarlıklı ve ünlem işaretli bir üçgen" alternatif metni değil, yalnızca "Uyarı!" olmalıdır - tabii ki görüntünün amacı ne olduğunu göstermek değilse. uyarı sembolü aslında benziyor.

IE7, alt niteliğini araç ipucu olarak işler

Internet Explorer 7 ve önceki sürümleri, alt niteliklerdeki metni, standartlarla uyumlu olmayan araç ipucu metni olarak işler . Bu davranış, birçok web geliştiricisinin , titlebu kullanım için tasarlanan özniteliği kullanmak yerine, resimler hakkında ek bilgiler içeren araç ipuçlarını görüntülemek istediklerinde alt öğesini kötüye kullanmasına neden oldu. İtibariyle Internet Explorer 8 alt artık araç ipuçları olarak işlemek bağlıyor.

Alt niteliği genellikle, ancak yanlış bir şekilde "alt etiketi" olarak adlandırılır.

Dekoratif görüntüler

W3C, bilgi iletmeyen, ancak tamamen dekoratif olan görüntülerin HTML işaretlemesinden ziyade CSS'de belirtilmesini önerir. Ancak bazen dekoratif bir resmin HTML imgetiketi olarak eklenmesi gerekebilir . Bu durumda, görsel içeriğe gerçekten katkıda bulunmuyorsa, şeklinde boş bir alt öznitelik eklenmelidir alt="". Bu, ekran okuyucuların veya grafiksel olmayan tarayıcıların kullanıcıları için sayfayı gezilebilir hale getirir. Eğer (standartı ihlal ederek) hiçbir alt öznitelik sağlanmadıysa, resmi görüntüleyemeyen tarayıcılar yine orada bir şey gösterecektir, örneğin resmin URL'si veya sabit bir metin dizesi.

Ayrıca bakınız

Notlar

Referanslar

Dış bağlantılar