Именование графики
Именование и доступность
logo.gif/.png – главный логотип страницы
logo01.gif...logo10.gif - список логотипов.
Название картинки логотипа по содержимому логотипа(компании владельца логотипа) допускается: puma.gif, nike.gif, microsoft.gif, dell.gif, durex.gif
sponsor-logo1.gif (partner-logo1.gif - в зависимости от названия списка логотипов) - логотипы спонсоров, но не должно быть названий в разнобой, т.е. в одном списке не может быть логотипов с именами adidas.gif и logo08.gif.
btn-go.gif, btn-submit.gif, btn-name.gif – если картинка используется для элементов формы или для блочных больших ссылок.
text-sometext.gif – если картинка используется для замены текста (заголовки). Технология - `text-replasement`.
bg-body.gif, bg-footer.gif – если картинка используется для фоновых изображений.
img01.gif, img02.gif, item01.gif, item02.gif – если картинка используется для списков продуктов, или не систематизированных картинок.
ico-email.gif, ico-star.gif, flag-ua.gif, flag-uk.gif – если картинка используется для всевозможных иконок.
separator.gif, divider.gif – если картинка используется в качестве разделителя.
bullet.gif(bullet-green.gif, bullet1.gif, bullet5.gif, bullet-small.gif, bullet-medium.gif) – если картинка используется в качестве стилизации списка
буллет может называться arrow, если он в виде стрелки. Варианты: arrow, arrow-red, arrow-small, arrow-left и т.д.
Очень важно чтобы названия картинок несли смысловую нагрузку
Для доступности содержимого картинок в атрибут alt
ничего не прописываем
Данные в атрибут alt
для картинок прописываем только тогда, когда есть требование Web Accessibility, SEO или Section508.
Содержимое атрибута alt
должно передавать содержание или смысл изображения. Если невозможно/затруднительно написать правильно содержание, тогда в alt
пишем текст – descr
Если нет требований Web Accessibility
, SEO
или Section508
и привыкли прописывать alt
для картинок, то можно для всех images
в alt
прописать image description
.
alt
для имаджей может быть пустым даже в случае Web Accessibility
, SEO
или Section508
если картинка - элемент дизайна сайта (декорация), т.е. не имеет никакого отношения к содержимому."