Является ли alt="" подходящим в некоторых ситуациях для тега html img?
У нас есть проект, посвященный обеспечению доступности веб-сайтов. Примерно через неделю после запуска у нас есть комитет по доступности, проверяющий наш сайт, чтобы подвести итоги. Однако они сообщили нам, что мы должны установить alt="" на некоторые из наших значков, потому что они не предоставляют никакого дополнительного контента сайту и, таким образом, просто отвлекают читателя экрана, но не приносят никакой пользы.
- Это правильно?
- У меня сложилось впечатление, что alt был обязательным атрибутом img? Конечно, alt="" в теге img будет содержать атрибут alt, но так ли это?
Комментарии приветствуются.
3 ответа
Если значки предоставляют какую-либо функциональность (по щелчку пользователя или что-то еще), я бы рекомендовал установить описательный alt
значение. Если они просто декоративные, то alt=""
является действительным.
Из стандарта:
Хотя альтернативный текст может быть очень полезным, с ним нужно обращаться осторожно. Авторы должны соблюдать следующие рекомендации:
- Не указывайте нерелевантный альтернативный текст при включении изображений, предназначенных для форматирования страницы, например, alt="красный шар" будет неуместным для изображения, которое добавляет красный шар для украшения заголовка или абзаца. В таких случаях альтернативный текст должен быть пустой строкой (""). В любом случае авторам рекомендуется избегать использования изображений для форматирования страниц; таблицы стилей должны быть использованы вместо.
- Не указывайте бессмысленный альтернативный текст (например, "фиктивный текст"). Это не только разочарует пользователей, но и замедлит работу пользовательских агентов, которые должны преобразовывать текст в речь или вывод Брайля.
Согласно этому источнику: http://msdn.microsoft.com/en-us/library/ms228004(v=VS.100).aspx пропуск атрибута alt заставит некоторых читателей-скринов произносить имя файла и отвлекать пользователя, именно поэтому рекомендуется устанавливать alt в пустую строку.
alt
Атрибут всегда требуется, если вы хотите, чтобы ваш код прошел валидацию, однако для alt
Атрибут иметь значение.
Если вы используете изображения для оформления страницы (например, закругленные углы или тени для браузеров, которые не поддерживают CSS3), эти изображения должны быть в CSS, а не внутри <img>
теги в HTML. Тем не менее, существуют случаи, когда у вас могут быть изображения, которые должны быть включены в HTML в качестве фактических изображений, даже если нет никакого осмысленного способа описать их для программного обеспечения для чтения с экрана. В этом случае w3.org говорит, что это нормально использовать alt=""
, 1