Именование графики


Именование и доступность

    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 если картинка - элемент дизайна сайта (декорация), т.е. не имеет никакого отношения к содержимому."

results matching ""

    No results matching ""