Government of British ColumbiaGovernment of British Columbia




Design System

British Columbia Government Design System for Digital Services


The Government of British Columbia strives to meet WCAG 2.0 AA standards with all public facing digital services. In addition to The design system's components meet or exceed the WCAG 2.0 AA standards by meeting the following criteria.

Page Structure

Text Size

  • Baseline text is at least 18px
  • Line height is at least 1.5

Target Areas

  • Increased in size from default settings


  • Component code has proper ALT labels
  • Language tag is set to english
  • Links do not open new pages or tabs

Colour Contrast

  • Constrast ratios are at least 7:1 for normal text (below 24px or bolded 18.66px) and 4.5:1 for large text (24px or bolded 18.66px and above)

Keyboard Navigation

  • Supports tab navigation for use without a mouse

Conveying Information

  • Colour changes are not the only means of conveying information
  • Create an Issue

Design System