Alt Text
The Alt Text or Alternate Text is a piece of text used to describe the contents of the image. It is specified with the help of the Alt attribute used in HTML and XHTML documents. As the name suggests itself, Alt Text is shown in place of the image to help an user understand the contents of the image.
Example
In the examples given above, the Alt attribute defines the appropriate alt text with respect to the image.
Benefits of Alt attribute.
1- It helps a blind person read and understand the contents of the image with the help of a screen reader.
2- It helps the search engines to interpret the contents of the image and use it for judging the relevance of the image.
3- It helps the user to identify the image content in case the browser is not able to load the image properly.
Example
<img alt="Joker with red nose"src="http://www.yoursite.com/images/joker.jpg"> <img alt="children playing"src="http://www.yoursite.com/images/children_play.jpg"> <img alt="Rose"src="http://www.yoursite.com/images/rose.jpg"> <img alt="tiger"src="http://www.yoursite.com/images/tiger.jpg"> etc.
In the examples given above, the Alt attribute defines the appropriate alt text with respect to the image.
Benefits of Alt attribute.
1- It helps a blind person read and understand the contents of the image with the help of a screen reader.
2- It helps the search engines to interpret the contents of the image and use it for judging the relevance of the image.
3- It helps the user to identify the image content in case the browser is not able to load the image properly.
Terima kasih telah membaca artikel Alt Text
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Alt Text
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Alt Text
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
0 comments
Post a Comment
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Konversi Kode di Sini! Emoticon OOT