Child pages
  • Image Attribute Guidelines

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Image Attribute Guidelines

Anchor
top
top

Section
Column

Effective web images have

...

3 textual attributes:

Column

Knowing what to use for each can be frustrating, however, so some basic guidelines follow, plus Examples and a note about Usage Rights.

...

note

Anchor

...

titles

...

Effective image content is posted with a specific purpose in mind, rather than simply added for 'variety' or 'color'.

...

bordertrue

...

titles
Titles

In our CMS, the title is sometimes visible (Gallery Images) and other times not (Slideshow Images). In either case, however, titles should be kept as brief as possible.

...

Anchor

...

captions

...

Less Effective

...

Reason

...

A

...

USM Nursing Students

...

Nursing Program

...

Too vague

...

B

...

Thermal Image of Retina

...

ThermalRetina.jpg

...

Filenames should be avoided

...

C

...

Dr. Hanlon at Muskie School Annual Forum

...

Dr. Hanlon

...

Too vague

captions
Captions

Captions should not be literal descriptions of the image. Instead, they should connect the image to the page or site it resides on, by providing context to the site's goals, events or other desired information. A key exception to this is in instances where specific descriptions may enhance the message.

Image

More Effective

Less Effective

Reason

A

Graduates of USM's Certificate of Advance Study in Nursing have a 98% job placement rate. Click for more info.

Nursing students smiling

Literal description adds nothing to message

B

Biology majors at USM have access to the latest research technology, like the FLIR SC7900 VL thermal imaging camera used to capture this image of the human eye.

Thermal camera image of human eye

Lacks engaging, impactful detail

C

Dr. Roger Hanlon, former US Secretary of Health and Human Services, fields questions at the Muskie School of Public Service's annual Forum For Health Care Leaders. Click for more info and other events.

Presenter fields questions during recent Muskie School event

Presenter's specific information enhances message

Note

Captions are not always available (Gallery Images), but areas for description are present and can serve much the same purpose.

Anchor
alternate
alternate
Alternate Text

The Alternate Text (or 'alt text') attribute is used by screen readers, search engines and when the image cannot be loaded. Alt text is intended to represent the image for non-visual situations, so it should be a literal (but brief) description of the image.

More Effective

Image

Note

The alt text attribute is sometimes only visible AFTER a file has been uploaded.

Section

Anchor
examples
examples
Examples (back to top)

Column

Image Added

A Thermal image of human eye

 

More effective

Less Effective

Reason

Title

USM Nursing Students

Nursing Program

Too vague

Caption

Graduates of USM's Certificate of Advance Study in Nursing have a 98% job placement rate. Click for more info.

Nursing students smiling

Literal description adds nothing to message

Alt Text

USM Nursing students in the classroom

USM Nursing students are prepared for the work place

Does not actually describe the image

B

Column

Image Added

 

More effective

Less Effective

Reason

Title

Thermal Image of Retina

ThermalRetina.jpg

Filenames should be avoided

Caption

Biology majors at USM have access to the latest research technology, like the FLIR SC7900 VL thermal imaging camera used to capture this image of the human eye.

Thermal camera image of human eye

Lacks engaging, impactful detail

Alt Text

Thermal image of human eye taken at USM with FLIR SC7900 VL camera

Eye under microscope

Too vague

C

Dr. Hanlon fields questions at Muskie School Forum For Health Care Leaders.

Dr. Roger Hanlon fields questions following his Keynote presentation at the Muskie School of Public Service's annual Forum For Health Care Leaders. Click for more events.

Repeats information already present in caption.

Note

The alt text attribute is sometimes only visible AFTER a file has been uploaded.

Usage Rights

Anchor
usage
usage
Usage Rights (back to top)

Always remember to use only images that you have permission to use.

Bank
Tip
titleImage
Library

Marketing has created a collection of already approved images

ready to use

which are pre-sized for Slideshow Images.

When in doubt, ask.

Column

Sample Images

Image A

USM nursing graduate Emily Martin at workImage Removed

Image B

Thermal image of human eye taken at USM with FLIR SC7900 VL cameraImage Removed

Image C

Image Removed