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 toolbar 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 the web address into the Enter a URL field.
    4. Check the "open in new window" checkbox.
    5. Click "Create Link."

      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. 
    1. Click the "W" in the toolbar
    2. Browse to select the document you want to insert
    3. Click "Upload this file"
    4. File will upload with formatting intact.

      Click W on toolbar and browse for/insert file
  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. Insert the image by:
    1. Click the "landscape picture" icon in the toolbar
    2. Browse to select the document you want to insert
    3. Choose the file
    4. Click "Upload this file"
    5. Add the "alt text" description of the image.
    6. Select right alignment
    7. Click "save image"
    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)

Last Modified: 2022/05/11 

Comments (0)
Help Desk Software by Kayako fusion