Vendor Visual Identity


Last updated on Friday, August 26, 2016.

You may think that colours and fancy fonts will make your email better – but did you know that it actually makes it inaccessible to people with visual impairments? As a public organization, HWDSB has a legal responsibility to communicate in an accessible way. Corporate Communications wants everyone, regardless of ability, to find the information they need.

Creating a barrier-free HWDSB requires safe and accessible schools as well as accessible communication materials like signs, ads, flyers, brochures, websites, emails and more.

“The ‘keep it simple’ principle should be the primary goal of site and content design. Users are rarely on a site to enjoy the design and the images; futhermore, in most cases, they are looking for the information despite the design. Strive for simplicity instead of complexity”.

How do we do this?

  • Readability – use simple, sans-serif fonts like Calibri and/or Legacy Sans. Avoid complicated or decorative fonts. Choose standard fonts with easily recognizable upper- and lowercase characters. For font size, use 10pt as a minimum and 11-12pt for more important content. Avoid underlining when content is printed.
  • Contrast – high-contrast colours make reading easier. Black text on a white background is the best way to ensure everyone can read your document.
  • Paper  – use a matte or non-glossy finish to cut down on glare. Avoid distracting watermarks or complicated background designs.
  • Clean design and simplicity – use distinctive colours, sizes and shapes on the covers of materials to make them easier to tell apart.
  • Content – keep your language simple and clear. Avoid jargon or “edu-speak” when addressing non-educators. Corporate Communications can help you rethink, rewrite and restructure your content so that it is accessible to all.

School & Board Websites

By law, you must make new and significantly refreshed public websites accessible if you are a public sector organization. Web accessibility encompasses all disabilities that affect access to the web, including visual, auditory, physical, speech, cognitive, and neurological disabilities.

Much of the focus on Web accessibility has been on the responsibilities of web developers. However, because many staff are using digital means of communication either at the corporate and school level, it’s about all of us.

Here’s what you can do:

  • Content – consider a screen’s real estate; locate more important information on the left and at the top
  • Facilitate scanning – Most viewers (about 75%) first scan text and menus for information (and ignore visuals)
  • Simplify – your content should be simple and concise. You should spend considerable time properly organizing your pages. No webpage should exist more than 3 pages deep
  • Fonts – use standardized/common fonts and stick to a font size of 11-14pt. You should use the same font throughout your pages.
  • Colour – use high contrasting backgrounds with dark text. A black font with a white background is safest and should be used most of the time. Avoid backgrounds that obscure text.
  • Headings – use the CSS styles built into wordpress and use the heading tags to help navigate users
  • Images – do not rely on images to distribute messages. Always give alternative, descriptive text to replace and describe the content or function of all images. Avoid using images as links. Avoid using animated gifs as they often don’t work with screen readers
  • Links – Be as descriptive as possible in describing a link’s content. Do not use phrases such as “click here” or “enter”. Do not use images as links.

Do not use:

  • Frames or use a non-frame alternative
  • Java and Flash
  • Graphics that don’t say anything and distract from your content
  • Graphics that bounce, spin, twist, or move without being vital to, or illustrative of, your content
  • Scrolling text