Как правильно использовать тег ALT?

Question

Я использовал тег ALT для всех моих изображений с этим форматом:

<a alt="IMAGE ALT TEXT" href="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s1600/jquery-lightbox-with-dark-background.png" imageanchor="1"><img src="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s320/jquery-lightbox-with-dark-background.png" style="height:100%; width:100%;" /></a> 

Но я был удивлен, когда шашка инструменты изображения чувствовала их альт тег, как «отсутствует». Я должен я должен был вставить «альт» после тега «IMG SRC», как, что:

<a href="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s1600/jquery-lightbox-with-dark-background.png" imageanchor="1"><img src="http://2.bp.blogspot.com/-MEHRDQvoG-c/Ux0mL1mlJII/AAAAAAAAGg8/S9h3KjhJ6YQ/s320/jquery-lightbox-with-dark-background.png" alt="IMAGE ALT TEXT" style="height:100%; width:100%;" /></a> 

Скажите, пожалуйста, будет ли это стиль правильно?

Answer 1

alt следует использовать только в <applet>, <area>, <img>, <input>

альт - <applet>, <area>, <img>, <input> - альтернативный текст в случае, если изображение не может быть отображено.

Source

вот фрагмент из img:

<img src="http://lorempixel.com/100/100" alt="image">

Answer 2

alt является свойством тега IMG, а не тега A. Это означает, что альтернативный текст будет показан или прочитан читателями экрана. Итак, второй пример, который вы указали, является правильным.

Answer 3

Атрибут alt должен находиться на элементе, а не на элементе гиперссылки.

Answer 4

Вы можете запутать "ALT" тег и "название" метки.

«альт» тег используется с изображениями:

<img src="someImage.jpg" alt="image"> 

Тег заголовка может быть использован с ОБЕИХ изображениями и ссылками

<img src="someImage.jpg alt="image" title="Some Image"> 
<a href="someLink.com" title="This is some link"> 

Там не было бы никакой необходимости в «альт «тег на традиционной ссылке, потому что, даже если ссылка была плохая, все равно будет текст, завернутый в якорь, указывающий, что это такое:

<a href="someLink.com">Link to some link</a> 

С изображением значение свойства «alt» отображается только тогда, когда изображение по какой-либо причине недоступно.