Browse Articles

Browse Articles

Storyline 360: Math Equations

Article Last Updated

This article applies to:

Storyline 360

Add accessible math equations to your courses with ease. Create formulas using an intuitive LaTeX editor built right into Storyline 360. These equations work with screen readers by default, and you can boost their accessibility by providing alternative (alt) text and choosing colors that meet contrast guidelines. Read on to learn more.

Build Math Equations

To create math equations using the built-in LaTeX editor in Storyline 360, follow these steps:

  1. Go to the Insert tab on the ribbon and click Equations.
  2. In the Insert Math Equation window, enter your formula in the LaTeX markup field. It will display as a graphic at the bottom of the window in real time.
  3. Enter descriptive alt text in the short and long description fields on the right.
  4. Use the Color selector to choose a color for the equation.
  5. Click Insert to add the equation to your slide.

Built-in LaTeX editor in Storyline 360.

Note: Storyline 360 supports the MathJax TeX font.

Edit Math Equations

Need to update an equation? Use any of the following methods to get started:

  • On the slide stage, select the equation and click the pencil icon on the top right corner of its sizing handles.
  • Right-click the equation and choose Edit Math Equation from the context menu.

When you’re ready, click Replace to replace the existing equation with the modified one.

Resize Math Equations

The quickest way to resize a math equation is to drag any of its sizing handles. For more control over an equation’s exact size, go to the Size and Position window to enter your preferred values.

Make Math Equations Accessible

Math equations are rendered as scalable vector graphics (SVG), which means they’ll stay sharp when resized or zoomed in. You can further enhance math accessibility with these steps:

  • Add short and long descriptions (alt text). Use a two-part text alternative for complex images to make them more accessible to all learners, including screen reader users. Short descriptions are meant to identify the image, while long descriptions represent essential information conveyed by the image. The alt text should spell out the name of each symbol in the equation. (1.1.1 Non-text Content)
  • Meet color contrast guidelines. When using the color option, use a web-based contrast checker or download a contrast checker tool to test the contrast ratio of your math equation. (1.4.11 Non-text Contrast)
  • Determine whether text within an image is necessary. Use text over images when conveying information. However, having text within a math equation SVG is acceptable if it gives learners essential context. (1.4.5 Images of Text)

Understand Compatibility

Math equation support is exclusive to Storyline 360 as of February 2025. Project files with a math equation won't open in earlier versions of Storyline 360. To restore compatibility, remove the equation.