Understanding WCAG2.0 Colour Contrast Requirements Through 3D Colour Space Visualisation

Stud Health Technol Inform. 2016:229:366-75.

Abstract

Sufficient contrast between text and background is needed to achieve sufficient readability. WCAG2.0 provides a specific definition of sufficient contrast on the web. However, the definition is hard to understand and most designers thus use contrast calculators to validate their colour choices. Often, such checks are performed after design and this may be too late. This paper proposes a colour selection approach based on three-dimensional visualisation of the colour space. The complex non-linear relationships between the colour components become comprehendible when viewed in 3D. The method visualises the available colours in an intuitive manner and allows designers to check a colour against the set of other valid colours. Unlike the contrast calculators, the proposed method is proactive and fun to use. A colour space builder was developed and the resulting models were viewed with a point cloud viewer. The technique can be used as both a design tool and a pedagogical aid to teach colour theory and design.

MeSH terms

  • Choice Behavior
  • Color*
  • Comprehension*
  • Humans
  • Models, Theoretical
  • Norway
  • Reading*
  • Vision, Ocular