Digital Education Wiki Spaces

Accessibility — Assessment — CampusPress Guides — Digital Education — Gradescope Guides — Learning Technology Good Practice — Lecture Recording — Moodle for Learning — Moodle Baseline — Moodle How-Tos — Multimedia — Student Online Learning — Zoom

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 7 Next »

To meet the AAA standards of the WCAG accessibility guidelines text and backgound colours should have a minimum contrast ratio of 7:1.

Useful tools:

Contrast combination rules for grid format

  • F must have strong contrast against E

  • H must have strong contrast against G

  • B must have strong contrast against A

  • A should have strong contrast against Moodle page background (currently #fff)

 Click for legend

A = current selected image container colour

B = current selected image container text colour

C = border colour

D = image container background colour

E = section title text colour when 'Inside' option

F = section title background colour when 'Inside' option

G = section title summary text colour on hover

H = section title summary background colour on hover

I =  current selected section colour

Suggestions

Make E and D the same colour.

Make B, C and I the same colour.

Set defaults for G and H across whole school (Eg #222222 on #EEEEEE)

If using ‘outside’ option, C must be thin enough to allow B to be clearly legible (not greater than 2px)

If E or F has good contrast against #fff, use it as A with the other as the B (either repeating the main colour scheme or inverting it).

Colour ideas

#657697 - Ducksoup

 Click here to expand...

Swatch

Name

  • No labels

These pages are created by the LSE Digital Education Team and licensed under a Creative Commons Attribution-ShareAlike 4.0 International License CC BY-SA 4.0