Авторы HTML могут написать ALT-текст на своих изображениях тремя способами:
- Без указания атрибута ALT
- С атрибутом ALT, который не содержит читаемых символов
- С атрибутом ALT, который может быть прочитан
Они обрабатываются по-разному.
В случае изображения, в котором отсутствует атрибут ALT, например:
<img src="fruit.png" width="100" height="100" />
... поведение программы чтения с экрана по умолчанию - прочитать атрибут SRC вслух. Итак, если предположить, что это изображение было размещено в папке images на example.com, программа чтения с экрана скажет: Graphic: h ttp://www.example.com/images/fruit.png. Пропуск атрибута ALT - плохая практика, потому что слепым посетителям приходится пробираться сквозь тонны неуместного тарабарщины.
В случае изображения с атрибутом ALT, которое не содержит никакой читаемой информации, как любой из этих двух:
<img src="fruit.png" width="100" height="100" alt="" />
<img src="fruit.png" width="100" height="100" alt=" " />
... поведение по умолчанию - молчаливо передать это изображение. Программа чтения с экрана не может произнести пробел или пустую строку; и так ничего не сказано. Это правильный способ подавления анонса чисто декоративных изображений. Однако обратите внимание, что самый последний опрос об использовании программы чтения с экрана WebAIM показал, что большинство слепых пользователей хотят знать, есть ли там изображение, даже если оно ему ничего не сообщает . Так что будьте осторожны в подавлении изображений с пустым альтернативным текстом; используйте его только тогда, когда изображение действительно передает ноль информации.
Наконец, конечно же, обычный альтернативный текст:
<img src="fruit.png" width="100" height="100" alt="Photo of apples." />
В этом случае программа чтения с экрана скажет: «Графика: фотография яблок». При вводе точки программа чтения с экрана останавливается в конце текста ALT.
Выбор хорошего текста ALT важен и может быть сложным. В общем, если ваше изображение содержит изображение текста, то вы должны воспроизвести этот текст (или его подходящее сокращение) в тексте ALT. Если это иллюстративный или фотографический текст, ваш текст ALT должен быть кратким описанием содержания фотографии. Если это сложное изображение, подобное диаграмме, вам, возможно, придется использовать текст ALT, чтобы направить пользователя к более полному описанию в другом месте страницы. (Атрибут LONGDESC был разработан для этой цели, но широко не поддерживается программами чтения с экрана.)
Если ваше изображение также является ссылкой, крайне важно иметь разумный текст ALT; иначе ваши слепые посетители не будут знать, что делает ссылка.
Я рекомендую получить программу чтения с экрана (например, NVDA с открытым исходным кодом) и протестировать ее. Это может быть - извините за плохой каламбур - откровением.