Accessibility Hub

site header

Appropriate Use of Colour

Download FULL PDF version (254 KB)

This document is available in alternate formats upon request. Please contact the Accessibility Hub Coordinator.

When using colour, you must make sure that any information conveyed with colour is also conveyed in black and white. For example, if you’re using colour to identify key words in a document, make sure that you also make them stand out in another way (for example, by putting them in bold; italics are not recommended).

Colour Contrast

You must provide high colour contrast to the text in your document. A good example of high colour contrast is black and white; while an example of poor colour contrast is light yellow and white.

Avoid blinking or scrolling text.

Formatting Text

Fonts

  • Try to use fonts that are legible and easier to read such as Verdana, Tahoma, Lucida Grande, Arial, or Georgia.
  • Avoid font sizes smaller than 9pt as they are difficult to read.
  • Avoid italics and underlining text other than hyperlinks.
  • Use <strong></strong> tags for bolded text.

Headings

Using Headings makes it easier for various adaptive technologies to navigate a document. Many people do not create Headings correctly, either making font sizes bigger or in bold rather than using the formats already provided by WebPublish 2. Heading need to be marked up in the html code. Heading levels should have a meaningful hierarchy and it is recommended to reserve H1 for the page title, H2 for major headings and H3 for major sub headings.

HTML Code

<h1>Queen’s University</h1>

<p>Located in Kingston, Ontario…</p>

<h2>Weather</h2>

Using WebPublish 2

While you’re editing a draft:

  1. Select the text you would like to make into a heading.

Select the desired format from the format menu drop-down list.

screenshot making a heading using the format drop-down list in Webpublish 2.

Hyperlinks

To link your document to a website or another document, you may use hyperlinks. When doing so, make sure that the Hyperlink has context and describes where it leads. It should not just read “click here”, and should make it clear what the destination of the link is (example, the web link www.queensu.ca should be written as "Queen's University").

When linking to a file, indicate the format and document size for example:

Accessible Documents (PDF 75KB).