Как добавить альтернативный текст к объекту?

Question

Если бы у меня был такой объект:

 <p><object classid="…" height="…" width="…"><param name="…"value="…"/>
 <param name="…" value="…" /><param name="…" value="…" />
 <object data="…" height="…" type="…"><param name="…" value="…" />
 <param name="…" value="…" /></object></object></p>

Куда бы я положил тег alt, чтобы пользователь мог видеть текст? Объект, отображаемый в этом коде, представляет собой видео, и я искал решение в Интернете, но не могу найти четкого ответа. (Тройные точки просто для замены кода)

Answer 1

Просто добавьте альтернативный текст между тегами, например так:

<object data="img/failedToLoad.png" type="image/png">Alternative Text</object>

Answer 2

Чтобы предоставить альтернативный текст для <object>элемент, например, чтобы пройти проверку Google Lighthouse, используйте aria-labelили же aria-labelledbyатрибуты, см.

подход aria-label :

      <object data="img.svg" type="image/svg+xml" aria-label="Alternative Text">Alternative Text</object>

aria-labeledby подход:

      <span id="label-uid">Alternative Text</span>
<object data="img.svg" type="image/svg+xml" aria-labelledby="label-uid">Alternative Text</object>

Answer 3

Согласно определению objectрезервное содержимое, которое будет отображаться при неудачной визуализации объекта, является содержимым элемента. Точнее, он состоит из всех детейobjectэлемент кромеparamэлементы. Фактически, отрывочный код в вопросе содержит такой запасной контент: внутренний object элемент является резервным контентом для внешнего. Чтобы иметь запасной вариант для запасного, поместите его внутрь object элемент; это может быть любой контент, включая текст:

 <p><object classid="..." height="..." width="..."><param name="..."value="...">
 <param name="..." value="..." /><param name="..." value="..." />
 <object data="..." height="..." type="..."><param name="..." value="..." />
 <param name="..." value="..." />This is fallback content.</object></object></p>

Примечание. Резервный или альтернативный контент означает, что текст не отображается при успешном внедрении объекта, т.е. отображается видеопрезентация.