Могу ли я обернуть img alt text?

Question

У меня есть изображение, установленное css style до 100x75. Когда он не загружается, текст alt загружается в пространство, но расширяет контейнер до ширины более 100 пикселей.

Как я могу предотвратить это? Либо вырезать, либо обернуть его.

Answer 1

Ну, я понял это в какой-то степени. Я просто обернул изображение в контейнере того же размера. Думаю, мой браузер (Firefox) не обертывал текст, потому что это был встроенный элемент.

Спасибо всем за ваши ответы.

Answer 2

В общем, нет способа контролировать, как отображаются alt-тексты, и большинство браузеров производят собственную версию (некоторые используют всплывающие подсказки, некоторые - в строке состояния внизу). Вы не можете использовать разметку в альт-текстах, хотя некоторые браузеры будут представлять разрыв строки в виде разрыва строки (большинство не будет, хотя). См. this article для получения дополнительной информации.

Answer 3

Просто не имеет альтернативный текст до тех пор, если это возможно

Answer 4

Атрибут альта для альтернативного текста; он должен быть коротким и описывать функцию, которую он имеет, или содержимое, которое он представляет.

Вот хорошо читать на эту тему с Roger Johansson on 456 Berea Street - Writing good alt text

В общем, если вы пишете параграф, то вы делаете это неправильно. Посмотрите на использование атрибута longdesc (который является ссылкой на страницу, описывающую изображение, которое дополняет текст alt).

НТН

Answer 5

Для Firefox вы можете использовать атрибут align:left. Это приведет к тому, что текст alt до вызовет проблему выравнивания, но переполнит доступное пространство. И для этого вы можете использовать соответствующий атрибут font-size.

Answer 6

В качестве альтернативы:

• вы можете использовать overflow: hidden; к изображению. Он скроет текст alt, который пересекает границу изображения. Хотя он не будет обертывать текст.
• также, уменьшить размер шрифта.

 

#idlogo img {  
    overflow: hidden; 
    font-size: 10px; 
} 

Цель Альтернативный текст, чтобы читатель экран знать об изображении, так что я думаю, что уменьшение размера текста альт и скрывая переполнения должны работать лучше. Но, конечно, избегайте использования очень длинного текста.