Есть три способа, 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 обнаружено, что most blind users want to know an image is there even if it doesn't convey much to them. Поэтому будьте осторожны в подавлении изображений с помощью пустого текста alt; используйте его только тогда, когда на самом деле имеется нулевая информация, передаваемая изображением.
Наконец, конечно, обычный текст альт:
<img src="fruit.png" width="100" height="100" alt="Photo of apples." />
В этом случае читатель экран будет сказать «Graphic:. Фото из яблок» Ввод периода в заставит экранного читателя приостановиться в конце текста ALT.
Выбор хорошего текста ALT важен и может быть затруднен. В общем, если ваше изображение содержит изображение текста, тогда вы должны воспроизвести этот текст (или подходящую аббревиатуру) в тексте ALT.Если это иллюстративный или фотографический, ваш текст ALT должен быть кратким описанием содержимого фотографии. Если это сложное изображение, такое как диаграмма, вам может понадобиться использовать текст ALT, чтобы направить пользователя на более полное описание в другом месте страницы. (Атрибут LONGDESC был разработан для этой цели, но не поддерживается широкой сетью.)
Если ваше изображение также является ссылкой, абсолютно необходимо иметь разумный текст ALT; в противном случае ваши слепые посетители не будут знать, что делает ссылка.
Я рекомендую получить устройство для чтения с экрана (например, NVDA, которое является открытым исходным кодом) и тестирование с ним. Это может быть - извините плохой каламбур - открывающий глаза.