An expanded text editor block in Moodle taken from the Announcement activity.

Reach all users with Atto text editor in Moodle [Moodle accessibility, part 2]

As noted in the previous post — How to allow extra time on exams, quizzes, and assignments in Moodle (Moodle Accessibility – Part 1) — built-in tools in Moodle are already accessible. Similarly, this is true of the tools within the Atto text editor. Reach all users with the Atto text editor in Moodle.


TL;DR

  • The Atto text editor in Moodle provides multiple methods to meet accessibility standards. Utilize the style options, lists, equation and table editors — among other tools in the editor — to optimize accessibility.
  • Use the accessibility checker to guide additional touch-ups that need to be made.
  • Use MathType and ChemType plugins to create accessible equations and formulas.

The Atto text editors in Moodle have options such as Show/hide advanced buttons; style buttons; list buttons; link buttons; insert multimedia buttons. Here is Moodle’s Atto text editor in the Announcements activity:

Text editor block in Moodle taken from the Announcement activity.

Clicking on Show/hide advanced buttons reveals additional options such as sub- and superscript, text alignment options, an equation editor, insert table options, and an accessibility checker.

An expanded text editor block in Moodle taken from the Announcement activity.

A few options are highlighted below.

Style options

Just as with Word’s Style Guides, utilize the style options in order to be fully accessible.

The second button in the text editor is selected to show the style options.
Moodle’s style menu expanded to show “Heading (large); Heading (medium); Heading (small); Pre-formatted; Paragraph” options.

Use this to create structure within an activity or topic.

Bold, italic, and color options are the next buttons. Convey meaning and information with words. Do not rely solely on formatting when using color, since there are folks who have print disabilities or who are color blind. Think through what the bold or colored text is conveying to ensure that words are also conveying the same meaning.*

For more information about color and color contrast, please visit:

Lists

Unordered, or bulleted, lists

  • Is a list needed?
  • If so, what is the list conveying?
  • Is the list implying priority?
  • Should the list imply priority?

Above is an example of an unordered or bulleted list. If there is more than one item being listed and no priority is needed, utilize the built-in list tool.

Moodle’s list menu with “unordered list” hovered over.

Ordered, or numbered, lists

If there is more than one item being listed and priority matters, utilize the built-in, ordered list tool.

Moodle’s list menu with “ordered list” hovered over.

Why are lists important?

A screen reader will announce how many items are in a list for a user who cannot see the list fully, as demonstrated below:

An accessible list, demonstrated by a screen reader.

Imagine the list being read as a paragraph? Not as useful to someone using a screenreader, who can be

  • a user without sight
  • a user with cognitive challenges
  • someone needing free hands to prepare dinner, hold a baby, or drive to school
  • any combination of the above (well, maybe not holding a baby and driving at the same time)!

Insert multimedia

Moodle’s insert multimedia with “Insert or edit image” hovered over.

Insert or edit image

Click on Insert or edit image, and the following dialogue box pops up:

Moodle’s “Image properties” dialogue box, asks you to Enter URL; Describe this image for someone who cannot see it; provides a checkbox for This image is decorative only; gives size options or a checkbox for auto size; and provides alignment options.

Moodle’s prompts encourage usefulness for assistive technology. Describing the image will move into an alternative text (alt-text, for short) field that provides the text for a screen reader to describe to someone who is not able to see the screen.

For more information on alt-text, check out:

Insert specials menu

Equation editor

The equation editor inserts accessible equations.

In Moodle’s Atto text editor, the Equation editor appears in the expanded section. It’s the first item in the fourth section.
Once the dialog box is opened, there are four tabs at the top, reading Operators, Arrows, Greek Symbols, and Advanced. There is also an option to edit the equation in TeX.

Create table

Clicking on the third item in the fourth section of Moodle’s Atto text editor, the Table creator provides all of the necessary options, including Caption and Define headers on.

A more recent blog post covered the importance of formatting tables properly for screen readers, including a demonstration of a screen reader encountering what seemed to be two identical tables. However, one of those tables did not have the headers identified. In Moodle, the text editor requires input regarding headers, thereby making it difficult to create an inaccessible table.

Accessibility Checker

In Moodle’s Atto text editor, the Accessibility checker appears in the expanded Advanced buttons section. It’s the first item in the sixth section.

Clicking on the Accessibility checker provides tips for improving the accessibility of the current post, such as:

  • whether any images are missing alt-text
  • color contrast compatibility
  • table properties
  • headings being used properly.

Markup language widgets: MathType and ChemType

Insert a math equation – MathType

Because the math equation editor featured above may not meet everyone’s needs, there are plugins available in Moodle. The one available at Swarthmore utilizes MathType from Wiris, a company that “pursue(s) the belief that math should be accessible to anyone.”

Students with print disability drop out of STEM by 8th grade (~10 million k-12 students in US)

LaPierre, C., & Natarajan, H. (2021). 2021 Accessing Higher Ground. In Bookshare Making Math Accessible One Image at a Time.

MathType converts any MathML or LaTeX to accessible images using the MathType API services by Wiris.

In Moodle’s Atto text editor, the Insert a math equation – MathType appears in the expanded Advanced buttons section. It’s the first item in the seventh section.

Andrew Ruether authored a post about MathType recently. If you have experience using MathType or want to learn more about it, we would love to hear from you.

Insert a chemistry formula – ChemType

The Wiris subscription also includes ChemType. ChemType “easily create(s) chemical formulas with an improved user experience including handwriting in touch screens.”

In Moodle’s Atto text editor, the Insert a chemistry formula – ChemType appears in the expanded Advanced buttons section. It’s the second item in the seventh section.

If you have experience using ChemType or want to learn more about it, we would love to hear from you.

This is a part of a series on Moodle Accessibility: Part 1.

Resources

Notes

*For example:

“Final paper is due on May 1. There will be no extensions granted.” What is the bolded statement conveying? Assistive technology such as a screen reader will not read bolded text any differently. Therefore, someone utilizing assistive tech will be missing out on that information.

Restated:

“Final paper is due on May 1. Important: there will be no extensions.” Now both folks with and without assistive technology will understand the meaning behind the bolded text.