Making Yearbooks More Accessible with OpenDyslexic

Comparison of popular san serif (Arial, DM Sans, Helvetics), serif fonts (Times New Roman, Garamond, and Courier) with OpenDyslexic

Fonts can be the Marsha Brady of the yearbook world. Overshadowed by epic theme packages and color palettes, the power of typography cannot stay silent. (In fact, the correct font can be louder than your graphics.) With 44 new fonts in the Treering catalog, you can share your story with boldness or a touch of whimsy. It can be focused or zany, handwritten or high-tech.

“Typography, like other design elements, evolves over time. Keeping up with current trends ensures that your designs feel fresh, relevant, and aligned with contemporary aesthetics,”  Treering’s Director of Design, Allison V. said. “Typography also strongly impacts how a message is conveyed and perceived. More importantly, we listen to our users and try to accommodate their needs and wants. We often receive requests for fonts and appreciate the input from you.”

One such request came in the form of a text.

After I shared Royal Fireworks Press‘ Dyslexia Friendly Font Collection of books, Allison began investigating how to bring a dyslexia-friendly font to the Treering app.

Meet OpenDyslexic

Since origin stories are a big deal in the superhero world, here is OpenDyslexic’s: app and game designer Abelardo “Abbie” Gonzalez developed the font in 2011 to help people with dyslexia improve their reading experience.

OpenDyslexic’s design addresses common challenges faced by many readers with dyslexia:

  • Letter Weight: OpenDyslexic uses a slightly heavier letter weight, which helps the letters stand out more clearly on the page and reduces letter crowding. When designing for readers with dyslexia, avoid using italics or underlines because they cause letter crowding.
  • Bottom Heavy: The base of the letters is slightly thicker, which provides better anchoring for letters. This can reduce the chances of them being flipped or reversed.
  • Distinct Letter Shapes: The font uses distinct letter shapes to minimize letter confusion, such as avoiding mirror-image similarities between letters like “b” and “d.”
OpenDyslexic’s consistent baseline and x-height give it a uniform appearance making it more predictable to readers than a highly decorative font.

Because it’s an open-source font, it is freely available. You can even make it your web browser’s font.

How Would You Use OpenDyslexic in Yearbook Design?

The short answer: headlines and captions. 

Expanded spacing and Paul Tol’s colorblind-friendly palette increase the accessibility of this yearbook spread. Keeping the text left-aligned also aids with tracking. (Treering theme used: Retro Line Art)

The British Dyslexia Association and the UX Movement established Dyslexia-Friendly Style Guides. Summed up, the following tips can increase the readability of your spreads.

  • Modular design: use negative space to break up content into meaningful chunks
  • Keep backgrounds to a single color, ideally cream or pastel peach, orange, yellow, and blue
  • For text, ensure there is contrast between the background and words on your yearbook spread
  • Left align text
  • Use font size 12-14 pt.

As with anything, it is essential to note that while dyslexia-friendly fonts and design can be beneficial for some individuals, there is no one-size-fits-all solution for all learners. If possible, seek stakeholders’ feedback during the design process to identify potential improvements.

More Design

Two yearbook students in front of two computers. The laptop has the yearbook ladder open and the other computer is a draft of the table of contents. Design
Table of Contents Tips
Read Article
Tired yearbook adviser touching nose bridge, feeling pressure over mistakes, working with sticky papers, writing notes, tasks schedule, and proofing notes on a glass wall Design
7 Yearbook Mistakes to Avoid
Read Article
2024 design contest announcement with sample design Design
Layout Legends 2024 Design Contest
Read Article
Relaxed mom looking at printed copies of her yearbook PDF proofs from her home office Yearbook in 60 Days
Yearbook in 60 Days - Part 3: Yearbook Design
Read Article