Typography uses the Open Sans font for most text and Nunito Sans forh1 andh2 . These are flexible and readable fonts that works well across digital and print.

By wrapping elements, it allows the use of semantic headings and HTML tags to structure the app, and retains flexibility.

Using correct HTML will allow assistive technologies to read an overview of the page when landmarks, regions and headings are implemented appropriately.

The typography component is based on the following resources:

We've tested this component against WCAG 2.2 Level AA. It's been tested with NVDA and VoiceOver, and several different users with different interaction methods.