Недавно я оценил доступность компонента Australian Web Awards . Снова и снова я видел одни и те же ошибки, когда дело дошло до атрибутов ALT. Критерий успеха 1.1.1 — требование атрибута ALT — является сложным критерием успеха.
Отсутствующие или пустые атрибуты ALT
Изображения должны всегда иметь атрибут ALT. Не веришь мне? Затем прочитайте « Когда не стоит использовать атрибут ALT» и посмотрите, смогу ли я вас убедить.
Атрибуты ALT не являются атрибутами TITLE
Атрибуты TITLE предоставляют информацию о наведении мыши. Это их цель. Назначение атрибута ALT — не предоставлять информацию о наведении курсора мыши, даже если атрибут ALT иногда отображается таким образом в определенных браузерах (например, Internet Explorer). Цель атрибута ALT — предоставить альтернативное текстовое описание изображения для использования людьми, которые не могут получить доступ к изображению или увидеть его. Поэтому, если у вас есть некоторая информация, которую вы хотите отобразить пользователю при наведении на изображение, используйте атрибут TITLE и сохраните атрибут ALT для описания изображения.
Проблемы с атрибутами ALT
Также помните, что атрибуты ALT (и атрибуты TITLE) недоступны для пользователей клавиатуры — поэтому вы никогда не должны помещать в атрибут ALT ничего, что не передается изображением. Это означает отсутствие автора или авторского текста, дат или информации об авторских правах (если только они не отображаются на изображении)
Другая проблема возникает, когда люди просматривают с выключенными изображениями. В Firefox атрибут ALT ограничен размером фактического изображения — поэтому, если у вас есть GIF размером 10 на 10 пикселей, будет почти невозможно прочитать атрибут ALT. В Internet Explorer весь атрибут ALT отображается, но не переносится, поэтому может вызвать горизонтальную прокрутку. На самом деле на Allybugs была поднята ошибка доступности, и если вы заинтересованы, вы можете подписать петицию .
Написание атрибутов ALT
Атрибуты ALT могут быть сложными для записи. Важно описать функцию изображения, а не само изображение (за одним главным исключением: галереи изображений, о которых я расскажу в другой статье). Контекст изображения всегда сообщит, что вы должны написать в атрибуте ALT. Например, изображение мира может иметь несколько разных изображений в зависимости от контекста на сайте:
- На сайте Гринпис может быть написано «Спасите наш мир»
- На туристическом сайте может быть написано «Международные поездки»
- На сайте университета может быть написано: «У нас есть кампусы по всему миру»
- На веб-сайте аукциона может быть написано: «Глобус диаметром около 30 см, сделанный из пластика и полностью надувной».
Как долго могут быть атрибуты ALT?
Не существует жестких и быстрых правил относительно длины атрибутов ALT. Рабочая группа рассмотрела вопрос о добавлении максимум 100 символов в метод атрибута ALT, но решила отказаться от него в WCAG2. Хотя это может отсутствовать в методах WCAG2, это хорошее правило, которому нужно следовать.
В следующей статье я буду говорить о конкретных требованиях атрибута ALT для изображений, таких как изображения, графики, карты, ссылки и изображения текста.