back search

hantsweb

Corporate Web Standards

Images (graphics)

  • Every image must have relevant alternative text
  • Graphical information (e.g. charts) must also be available in html format
  • Graphics must not be used to replace text or as page or section headings.
  • Clip art must not be used
  • Total size of a single graphic embedded in a page must not exceed 50KB
  • Total size of a single web page (including graphics and text) must not exceed 120KB
  • Animated images should not be used without prior authorisation from the Corporate Webmaster
  • If you have to use a large graphic link to it via a 'thumbnail'
  • Banner images must be approved by departmental web editors

 

Alternative text and images containing useful information

You must always use alternative text on all images.  Alternative text enables visitors who are not able to view the graphics (they might have graphics turned off, they might be using a text only browser or they could be using a screen reader) to make sense of the information it is providing.  It is important to make the alternative text sensible and descriptive.

Do not use text as graphics. Use of a graphic containing text may be appropriate where you're reproducing a logo, such as the County Council's official logo. Using graphics for page or section headings is bad practice breaks accessibility standards.

Images as links must also be provided with a text alternative - images must never be the sole means of linking/navigation.

Graphs and charts can be produced in graphic format but this information must also be provided in text.

Image quality and types

Clip art is not permitted in Hantsweb - any use of clip art will be removed from your page. Clip art, such as that found in Microsoft Word or available from many web sites, can look unprofessional and is often not relevant.

Specially commissioned professional/high quality collections of graphics and art work are permitted.

Animated graphics should not be used. In extreme cases there may be exceptions to this, please contact the Corporate Webmaster with your requirements.

All images to be displayed on a web page must be saved as JPG or GIF format as appropriate, as they are the most common supported formats.

Image size and download times

Large graphics will cause pages to download very slowly. The total size of a single graphic embedded within a web page must not exceed 50KB.

It is essential that a graphic is resized using appropriate tools and not 'squashed' by changing its display attributes (height/width) in the HTML code.

Thumbnail images

If you have to use a large graphic (over 50KB) then you must link to it from your web page using a reduced version known as a thumbnail.

Images of people

Please also see the standards specifically about images of people.

Banner images for Hantsweb

  • Banner images will be controlled and approved by departmental web managers
  • All banner images must be saved with the prefix banner-
  • All banner images must be saved as a subtype – banners – in Web Publishing
  • Banner images must be 1024x108 pixels in size
  • Banner images must be single photographs or graphics that have been designed to be a banner - no montage.  All photographs and graphics must be high quality and designed for purpose
Guidance on creating good banner images for Hantsweb.

 
  • Every image must have relevant alternative text
  • Graphical information (e.g. charts) must also be available in html format
  • Graphics must not be used to replace text or as page or section headings.
  • Clip art must not be used
  • Total size of a single graphic embedded in a page must not exceed 50KB
  • Total size of a single web page (including graphics and text) must not exceed 120KB
  • Animated images should not be used without prior authorisation from the Corporate Webmaster
  • If you have to use a large graphic link to it via a 'thumbnail'
  • Banner images must be approved by departmental web editors

Alternative text and images containing useful information

You must always use alternative text on all images.  Alternative text enables visitors who are not able to view the graphics (they might have graphics turned off, they might be using a text only browser or they could be using a screen reader) to make sense of the information it is providing.  It is important to make the alternative text sensible and descriptive.

Do not use text as graphics. Use of a graphic containing text may be appropriate where you're reproducing a logo, such as the County Council's official logo. Using graphics for page or section headings is bad practice breaks accessibility standards.

Images as links must also be provided with a text alternative - images must never be the sole means of linking/navigation.

Graphs and charts can be produced in graphic format but this information must also be provided in text.

Image quality and types

Clip art is not permitted in Hantsweb - any use of clip art will be removed from your page. Clip art, such as that found in Microsoft Word or available from many web sites, can look unprofessional and is often not relevant.

Specially commissioned professional/high quality collections of graphics and art work are permitted.

Animated graphics should not be used. In extreme cases there may be exceptions to this, please contact the Corporate Webmaster with your requirements.

All images to be displayed on a web page must be saved as JPG or GIF format as appropriate, as they are the most common supported formats.

Image size and download times

Large graphics will cause pages to download very slowly. The total size of a single graphic embedded within a web page must not exceed 50KB.

It is essential that a graphic is resized using appropriate tools and not 'squashed' by changing its display attributes (height/width) in the HTML code.

Thumbnail images

If you have to use a large graphic (over 50KB) then you must link to it from your web page using a reduced version known as a thumbnail.

Images of people

Please also see the standards specifically about images of people.

Banner images for Hantsweb

  • Banner images will be controlled and approved by departmental web managers
  • All banner images must be saved with the prefix banner-
  • All banner images must be saved as a subtype – banners – in Web Publishing
  • Banner images must be 1024x108 pixels in size
  • Banner images must be single photographs or graphics that have been designed to be a banner - no montage.  All photographs and graphics must be high quality and designed for purpose
Guidance on creating good banner images for Hantsweb.

Influences on this standard

UK Government guidelines

Central Office of Information guidelines - images and icons

"Images and other media used to enhance textual content can often aid in the understanding of the information. This can be helpful users with cognitive impairments"

W3C Web Accessibility Inititative

W3C Priority 1 checkpoints

"Provide a text equivalent for every non text element. This includes: images, graphical representations of text (including symbols), image map regions, animations, applets and programmatic objects, ascii art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds (played with or without user interaction), stand alone audio files, audio tracks of video, and video"

W3C guideline 3

"... use markup rather than images to convey information ... avoid using images to represent text -- use text and style sheets instead."

 

 

 

In this section…