Designing for Accessibility: Typography

When designing for accessibility, there are a few key considerations to keep in mind concerning your typography. 

Text tool

First and foremost, you should always use the Studio's Text Tool when adding any text content to your experience. This tool will create text content that is crawlable by search engines for SEO, and readable by screen readers for accessibility.

It’s best to avoid using PNGs of text in any Ceros content, especially when creating content that’s accessible. If you must bring in text as a PNG (for example, if your logo has text in it) then it’s important to make sure you’re adding an Alt-Tag to that text image, so that screen readers can still read it.

Spacing

Another criterion for accessible text content is text spacing. You must be sure to have enough space between each letter of text as well as each line of text in the experience. You can adjust the spacing in the Typography section of your Design tab.

Letter: Your letter spacing must be set at a minimum of .12 times your font size.

Line: Your line height should be a minimum of 1.5 times your font size. 

This will ensure that your text content is in line with WCAG 2.0 Accessibility standards.

For more information on general accessibility best practices, be sure to check out our Best Practices Guide.