Итак, только когда не следует использовать атрибут ALT?
Краткий ответ: никогда.
У вас всегда должен быть атрибут ALT, если у вас есть элемент IMG. Всегда. Нет, если, нет но, не может быть.
Но WCAG2 говорит …
У меня есть разработчики, которые настаивают на том, что WCAG2 говорит, что это нормально — не иметь атрибута ALT Они ссылаются на раздел Критерия успеха 1.1.1, в котором говорится:
Декорирование, форматирование, невидимое: если нетекстовый контент является чистым декорированием, используется только для визуального форматирования или не представлен пользователям, то он реализован таким образом, что вспомогательные технологии могут его игнорировать.
Эти разработчики принимают это, чтобы означать, что атрибут ALT может быть опущен, если элемент фактически не имеет значения. На самом деле WCAG2 совершенно определенно заявляет, что если изображение не передает информацию, то оно должно быть закодировано, чтобы его можно было игнорировать с помощью вспомогательных технологий .
Это не означает, что не должно быть атрибута ALT — это означает, что атрибут ALT должен быть пустым.
Использование нулевого альтернативного текста и отсутствие атрибута заголовка в элементах img для изображений, которые AT (вспомогательная технология) должна игнорировать
Согласно WCAG2, вы можете заставить вспомогательную технологию игнорировать ваше изображение, только если у вас есть пустой (или «нулевой») атрибут ALT — то есть: alt="" Это подчеркивается в WCAG2 включением Failure 38 :
Критерий успеха 1.1.1 из-за отсутствия атрибута alt для нетекстового содержимого, используемого в декоративных целях только в HTML
Когда именно я должен использовать пустой атрибут ALT?
Вы должны использовать пустой атрибут ALT, когда изображение не передает никакой информации. Но будьте осторожны — я видел, как люди доводят это до крайности. Только изображения, такие как границы или промежуточные изображения, должны иметь пустые атрибуты ALT. В большинстве случаев для изображения потребуется атрибут ALT — и если вы не уверены, нужен ли вам атрибут ALT или нет, сделайте ошибку из-за осторожности и используйте его.
Вот лишь несколько примеров, где изображения должны иметь пустые атрибуты ALT:
Распорка GIF:
Подчеркивание
Точка пули:
Декоративное изображение:
Однако во всех приведенных выше примерах было бы предпочтительнее следовать технике C9: использование CSS для включения декоративных изображений .
Что такое декоративное изображение?
Последний пример был изображением, используемым для чистого украшения. WCAG2 определяет чистое украшение как:
служит только эстетическим целям, не предоставляя информации и не имея функциональности
Примечание. Текст является чисто декоративным, если слова можно переставлять или заменять без изменения их назначения.
Пример: на титульной странице словаря на заднем плане случайные слова в очень светлом тексте.
Ниже приведены примеры изображений с пустыми атрибутами ALT. Во всех этих примерах изображения не передают много информации, но они все еще не являются чистым украшением . Они передают некоторую информацию и нуждаются в описательных атрибутах ALT.
Атрибут ALT должен быть «Карта старого стиля»
Атрибут ALT должен быть «Пожилой мужчина в очках улыбается в камеру»
Атрибут ALT должен быть «Счастливого Рождества»
Исключение, которое составляет правило
Единственное исключение — когда у вас есть изображение, которое ссылается на страницу, рядом с текстовой ссылкой, которая ссылается на ту же страницу. В этом случае изображение и текст должны содержаться в одном элементе HREF, а атрибут ALT должен быть пустым. Например, следующее должно иметь пустые атрибуты ALT:
Надеемся, что это поможет вам сделать правильный выбор в отношении того, когда давать изображению пустой атрибут ALT, чтобы средства чтения с экрана игнорировали его, или объект, содержащий значимую информацию, которая поможет пользователю.
Однако это еще не все, что можно сказать об атрибутах ALT.
На следующей неделе я расскажу о странном и удивительном мире атрибутов ALT.