1. From the edit page view, click Add to Content then click Add Block.

  2. From the Add Block modal, select Image Matching 
  3. The Add Image Matching form will appear. The Point Value: field will only be displayed if the module is being graded. As a default, the point value is set to 5. If needed, change the point value.
  4. Click the Image:* field to launch the File Manager and choose an existing image or upload a new image.
    • Crop: When an image is added, the Crop field shows a preview of the image. All images are sized down to ensure proper viewing on mobile devices. Use the plus, minus, or move tools to adjust the image as needed.
      Cropping animation example
    • Label:* Enter a description for the image.
    • Alt Text:* Describe the content and function of the image using as few words as possible. Alternative text is read by screen readers allowing the content and function of an image to be accessible to those with visual or certain cognitive disabilities. To learn more about alternative text visit http://webaim.org/techniques/alttext/.
    • Select the Save Image button. Repeat this process (Step 4) until you have all the image matching sets completed.
  5. Click the Add+ button to save the Image Matching block to the course page.
    Note: If the block was previously added to the page, there will be a Save button instead of an Add+ button.

  6. The new Image Matching block will now appear on the page in edit mode. Select the Publish My Edits button to save the block to the page.

  7. After the changes are published, the content will display as it will appear to learners.

    Learner interaction example