Accessible Graphics

Best practices for creating accessible graphics.

Accessibility Guidelines

Web accessibility refers to barrier-free access to content, so that it can be used and understood by every audience, regardless of ability.

Graphics are inherently less accessible than text, so if you must use graphics on a web page make them as accessible as possible.

  • use colours that have high contrast
  • never embed text in a graphic image
  • never use colour or shading alone to convey information
  • avoid flashing, blinking or animated graphics
  • avoid icons that can have different meanings to different people
  • keep graphic file sizes under 250KB

See the Gov.bc.ca Accessibility page for general information about web accessibility.

Descriptions

In CMS Lite, graphics must be given written descriptions when they are inserted into a page.

These descriptions let screen reading devices "read" a description of the graphic to people with visual impairments.  

Keep these descriptions short, and use plain language to explain what each graphic shows.

See CMS Lite - Images for more information about inserting graphics.