Accessibility Features - Contrast

random generated image

  • We try to design all our sites with a high level of contrast and avoid ‘problematic’ colour combinations. However, occasionally a client will request”difficult’ colours (perhaps to tie in with a long-term logo or feature) and so we try and provide alternative by the use of alternative CSS and/or the ability to remove the CSS completely
  • Large Text css options usually offer a far greater degree of contrast
  • A ‘blue on cream’ or ‘Easy Read’ colour option is usually offered as standard which is often helpful for people with dyslexia.

Other helpful tips;

If you are using Internet Explorer:

  • 1. Choose Tools>Internet Options>General tab>Colours option.
  • 2. Make sure that “Use Windows colours” is not selected
  • 3. Specify the colours you would like for both the background and the foreground. IE offers a set of basic colours will be offered to you, or you can use the “Define Custom Colours” option to specify your own choice.
  • 4. Select the Tools>Internet Options>Advanced tab.
  • 2. Under “Accessibility” select “Ignore colours specified on Web pages”

You may need to refresh the page (F5) to show these changes

If you are using Firefox:

  • 1. Open the Tools> Options>Content tab
  • 2. Under the Fonts & Colours section select colours
  • 3. Select you choice of colour for the text and background by clicking in the coloured boxes
  • 4. Un-tick the “allow pages to choose their own colours, instead of my selections above” box
  • 5. un-tick the “use system colours” box

You may need to refresh the page (F5) to show these changes

If you are using Netscape:

  • 1.Select Edit>Preferences>Appearance>’Colours
  • 2. Select a colour button to change colours of text, background, unvisited links, or visited links.
  • 3. To override the colours used by the designer of the web page, select ‘Always use my colours, overriding document’. Click ‘OK’.

You may need to refresh the page (F5) to show these changes

random generated image