Creating Math Code in Canvas

Canvas provides 3 ways to create accessible math content when working in Pages, Assignments, Discussions, and Quizzes (this may change once we move to the New Quiz platform).

  1. Add the math using the math editor in the Rich Content Editor view.
    screen shot of the math editor in the R C E
    Figure 16. The Math Editor Button on the RCE Toolbar
  2. Add MathML directly to the page in HTML editor view.
  3. Add LaTeX directly to the page in either view.

All three methods will result in the same accessible output with correct alternative text and MathJax viewing options as you can see in this math example (Figure 17).


Math Example 

LaTeX: \frac{-b\pm\sqrt{b^2-4ac}}{2a}b±b24ac2a
Figure 17. Math Displayed as an Image in Canvas

The image has several features:

  • LaTeX code, a math notation language developed for publishing and the sciences, is added to the image's title attribute so that it appears when you hover your mouse over it. 
  • Correctly spoken math when read by a screenreader with a "math viewer window" that allows the user to explore the equation using the Tab and arrow keys.
  • MathJax viewing options.

Math Authoring Tools

The tool you choose will depend on your workflow (options not included in this module have linked documentation):

  1. The math editor in the Rich Content Editor Links to an external site.
  2. EquatIO  
  3. MathType (free)  
  4. MathType (paid)  
  5. MathPix Links to an external site. - a screenshot tool that converts images to LaTeX 

Quick Tip: Use any of the other tools to get the LaTeX code for pasting RCE math editor (Advanced View) to speed up the authoring process.

Updated December 2021