Clear typography is the foundation of accessible communication. By using approved fonts and a logical heading structure, we ensure that our content is scannable for sighted users and properly interpreted by screen readers. Proper hierarchy isn't just about style; it provides a roadmap that allows everyone to navigate our information efficiently.
Typography Floor (Minimum Sizes)
To ensure legibility across all environments, do not go below these sizes:
- Print: 12pt minimum.
- Digital/Web/Social: 16px minimum (approx. 12 pt.)
- Presentations/Large Print: 18pt – 24pt is recommended for body text.
Heading Hierarchy (H1, H2, H3)
Accessibility relies on structure, not just size. Do not simply bold or enlarge text to create a title. You must use official "Tags" (Heading 1, Heading 2, etc.) within your software (Word, InDesign, or Web CMS). This establishes a "Reading Order" that allows screen readers to announce the relationship between sections so the information makes sense to all users. Heading sizes ideally start at 24px (18pt) or higher for main headings (H1, H2, H3 tags).
Approved Accessible Fonts
Select from these options to ensure maximum clarity and character recognition. Always use high-contrast, sans-serif fonts and ensure text is legible when scaled:
H1 Titles (Primary Headlines)
- Used for main titles, campaign headlines, and primary section headers.
- Approved fonts: Patua One, Red Hat Display.
- Fonts can be downloaded here: [link to downloadable fonts]
H2 / H3 Section Headings
- Used for sub-headers, callouts, and supporting titles.
- Approved fonts: Red Hat Display, Arial, Helvetica, Century Gothic, Tahoma, Calibri, Verdana, or Times New Roman.
Body Copy and Documents
- Used for paragraphs, emails, reports, and long-form reading.
- Approved fonts: Red Hat Display, Arial, Helvetica, Calibri, Verdana, or Times New Roman.
A Note on Decorative & Stylized Fonts
Decorative or "artistic" fonts (such as script or highly stylized display fonts) should be used with extreme caution.
To remain compliant, these fonts should:
- Be used sparingly and only for short H1 headlines.
- Never be used for body text or long passages.
- Maintain clear letterforms and sufficient contrast with the
background. - Not interfere with overall readability or accessibility standards.
When in doubt, stick to the approved Heading and Body fonts listed above.