Accessibility

According to WCAG (Web Content Accessibility Guidelines), the text should have a colour contrast ratio of at least 4.5:1. This ensures the web content is accessible to viewers who cannot see the entire colour spectrum.

In order to ensure our web content is accessible by everyone and follows ANU branding guidelines, we created a table to advise you the approved combinations of background colour, font size, and font colour that passes WCAG 2.1 Check.

Please take this cheatsheet as a quick reference.

Related topics:

ANU colour combination cheatsheet

Overview

  • P - Passes WCAG 2.1 Check.
  • F - Fails passing WCAG 2.1 Check and/or we do not recommend using the combination.
Background colourText classFont sizeBlack (#000000)Gold (#BE830E)White (#FFFFFF)Tint (#F5EDDE)Unigrey (#333333)
White (#FFFFFF)<h1>3emPPFFP
 <h2>1.9emPPFFP
 <h3>1.4emPFFFP
 <h4>1.2emPFFFP
 <h5>0.83emPFFFP
 <h6>0.67emPFFFP
 <p>16pxPFFFP
 <p class="large">1.25emPFFFP
 <p class="semi-large">16pxPFFFP
 <p class="small">0.85emPFFFP
Black (#000000)<h1>3emFPPPF
 <h2>1.9emFPPPF
 <h3>1.4emFPPPF
 <h4>1.2emFPPPF
 <h5>0.83emFPPPF
 <h6>0.67emFPPPF
 <p>16pxFPPPF
 <p class="large">1.25emFPPPF
 <p class="semi-large">16pxFPPPF
 <p class="small">0.85emFPPPF
Tint (#F5EDDE)<h1>3emPFFFP
 <h2>1.9emPFFFP
 <h3>1.4emPFFFP
 <h4>1.2emPFFFP
 <h5>0.83emPFFFP
 <h6>0.67emPFFFP
 <p>16pxPFFFP
 <p class="large">1.25emPFFFP
 <p class="semi-large">16pxPFFFP
 <p class="small">0.85emPFFFP

Use cases

See our full set of combinations on Bands page.