View source for Making more accessible background and text colour choices

Many users will have visual impediments that will require good contrast in the documents you are producing. The best way to help these users is to make sure that the contrast between the background and foreground has a ratio of 4.5:1 or higher. Leaving the defaults of the editor intact is best - black text on white, with a ratio of 21:1.

== Examples of Contrast ==
[[File:Examples of Contrast.png|frame|center]]

The image above contains examples of text with varying contrast ratios, and indicates whether the level of contrast would be adequate.

== Steps to Change Foreground and Background Colours ==
[[File:Steps to Change Foreground and Background Colors.png|frame|center]]

# If you need to edit the text color, click on the '''Text Colour''' button, which resembles a letter A with an underline: A.
# To edit the background color of the text, which displays as if you had highlighted the text with a highlighter, click on the '''Background Colour''' button to the right of the '''Text Colour''' button. The '''Background Colour''' button resembles a solid black box containing a white letter A.
# Clicking on either of these buttons will display a '''Colour Picker''' from which you can select a color, such as Black or Maroon. Yellow is a '''Background Colour''' commonly used to highlight text.  Click on a color to select it.

== Check your color selection for adequate contrast ==



{{Template:Accessibility}}
{{Template:Sakai Community Documentation}}
[[Category:Accessibility]]
[[Category:Instructor]]
[[Category:Sakai 20]]