Какой допустимый атрибут alt должен быть для каждого изображения в слайд-шоу?

Question

В каталоге веб-сайта каждая компания имеет слайд-шоу с несколькими изображениями. Если я не знаю, что за картина в каждом конкретном случае, какой должен быть лучший способ справиться с alt атрибут для каждого изображения / ссылки?

Пример (отредактировано)

<ul class="slideshow">
   <li>
     <a href="img1_full.jpg" ><img src="img1_thumb" alt=""></a>
   </li>
   <li>
     <a href="img2_full.jpg" ><img src="img1_thumb" alt=""></a>
   </li>
</ul>

Answer 1

alt="Slideshow image 1 of Business X", так далее.

Поскольку вы не знаете, что это за изображения, это будет правильным вариантом. Это говорит кому-то, кто использует программу чтения с экрана или по какой-либо причине не может видеть изображение (оно не загружается), что изображение является частью слайд-шоу. Это также говорит, какое изображение это и к какому бизнесу это относится.

Для дополнительной поддержки вы можете использовать такой API, как API Cloud Vision, который может анализировать содержимое изображения и возвращать короткую фразу, которая его описывает.

Answer 2

a элемент не может иметь alt атрибут

Предполагая, что вы используете img:

• Если изображения в слайд-шоу являются только украшением, вы должны использовать пустой alt ценности.

• Если ссылка идет на страницу (вместо изображения), alt Значение должно описывать назначение ссылки, а не изображение. Так, например, если слайд показывает изображение продукта и связан со страницей продукта, alt значение может быть именем продукта.

• Если ссылка идет на изображение (например, в более высоком разрешении) или слайд не связан, alt Значение должно описывать изображение.

Исключение: если вы автоматически генерируете разметку и не можете добавить подходящую alt значение, вы можете использовать атрибут generator-unable-to-provide-required-alt (с пустым значением) вместо alt, Это не соответствует, но валидаторы могут игнорировать ошибку, и в любом случае это лучше, чем предоставление неподходящего alt значение.