Using the Moodle Content Editor for Accessibility
Posted by Bonnie Tensen on 11 February 2015 10:01 AM

Instructional content added to a Moodle course must be accessible. This guide will primarily cover how to make content created within the Moodle text editor accessible (compatible with assistive technologies like screenreaders). For uploaded files, refer to the guidelines for the program used to create the file:

  1. Expand Text Editor Tool Bar: To make full use of the tools in the Moodle Content Editor, you must first expand the tool bar by clicking on the first button at the far left of the toolbar. This will reveal additional tools.

    Open Moodle content editor toolbar

  2. Use Styles to Establish the Page Structure: Use the "Styles" function in the content editor to format the page text. Use the heading styles to format headings for major sections and subsections (rather than manually changing font size or using "bold" font).

    Use styles to format headings

  3. Hyperlinks: Create hyperlinks with Display Text and avoid pasting in lengthy web addresses.
    1. Type several helpful words that describe the link, then highlight the text.
    2. Click on the link chain icon in the text editor.
    3. Paste in the web address into the Link URL field.
    4. Click on Target to decide whether the link should open in the same window or a new window.

      Create display text for hyperlinks
  4. Check and Retain Text Formatting from Word: If you’ve used styles in Word to add a heading structure to your text, then ensure when the text is pasted into Moodle, the styles and heading structure are preserved. The Moodle text editor allows you to paste text directly from Word while preserving the headings. Check that it has been preserved by using the Path info bar at the bottom of the text editor.
    1. Click on one of the headings.
    2. Check the Path info bar.
    3. This heading in Word used the heading 1 style. Notice that the Path info bar indicates that it uses h1, the HTML tag for heading 1. Click on the next heading, the Path info bar would indicate h2 or heading 2.

      Check and retain text formatting from Word
  5. Bulleted and Numbered List Buttons: When creating a numbered list or bulleted list, use the bulleted and numbered list buttons in the content editor. Place a period at the end of each list item to indicate the end of the list item.

    Use bulleted and numbered list buttons

  6. Include Text Descriptions of Images and Graphics: Images and graphics should contain Alt Text, a text based description of the image. Just before inserting the image, type a short description in the image description field.

    Include text descriptions of Images and Graphics

  7. Set Up Table Headers: Create tables using the Moodle text editor or copy and paste a table from Word into the text editor. Once the table is created or pasted, configure the table with headers and a caption (title) to make it accessible.
    1. Right click the first cell in the first row.
    2. In the menu, click on Cell > Table cell properties.
    3. Set the Cell Type to Header.
    4. Adjust the Scope to Column.
    5. Repeat for each additional header.

      Set up Table Headers
  8. Add Table Title (Caption)
    1. Click anywhere on the table to select it.
    2. Find the Table button in the text editor and click on it.
    3. Mark the checkbox for Caption.
    4. Click Update to save the changes.
    5. Click above the first row to type the table title.

      Add Table Title (Caption)
(keywords: moodle, editor, edit, accessibility, tinymce )

Last Modified: 2019/08/01 added keyword

Comments (0)
Help Desk Software by Kayako fusion