Designing for Accessibility: Typography

< 1 Minute read

Reading Time: < 1 minute

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

Text tool

First and foremost, you should always use the Ceros text tool when adding any text content to your experience. The Ceros text 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, but 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 it can still be read by screen readers.

Spacing

Another criteria for accessible text content is text spacing. You must be sure to have enough space in 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.

Was this helpful?

You already voted!
1 out of 1 people found this helpful