How do I create an image matching activity?

Modified on Wed, 22 Jul at 12:58 PM

The Image Matching block lets content creators build matching activities that pair images with corresponding labels. Learners match each image to its correct label, and the activity can be graded to assess accuracy.


  1. Navigate to the page and select Edit this Page. Find the position you want to add a block and select the plus (+) icon.
    edit page view with a plus sign to add content
  2. From the dropdown, select Add Block.Screenshot of the three options to add blocks to the CourseArc content page
  3. In the Add Block modal, you can either:
    • Use the Search field to find a block by keyword
    • Select a block from your custom list of Favorites
    • Scroll through the list of All Blocks to select one
    • Use the various categories in the side panel to filter by block type
    • Select the star icon to add or remove blocks in your Favorites listScreenshot of Add Block modal, displaying image blocks including image matching


  4. Select the Image Matching block. The Add Image Matching form will open. The form has two areas: Image Matching Settings and Manage Images. 
    • In the Image Matching Settings, review the point value. The point value field will only be displayed if the module is being graded. The default point value is 5. Change it, if needed.
      screenshot of a blank slideshow form
    • In Manage Images, click Add Image+ to add a new item. A minimum of two items is required. For each image, complete the following fields:
      • Image:* Click the field to select an image from the File Manager.
      • Crop: Once an image is added, the Crop field displays a preview. Images are automatically sized down to ensure proper viewing on mobile devices. Use the plus, minus, and move tools to adjust the crop as needed.
      • Label:* Enter a description for the image.
      • Alt Text:* Describe the content and function of the image using as few words as possible. Alt text may contain up to 500 characters. 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 WebAIM's Alternative Text.
        screenshot of a blank slideshow form
  5. Select the Save Image button. Repeat this process until you have all the image matching sets completed. Click the Add Block+ button to add the block to the course page.
    screenshot of completed image matching form with four matching sets
  6. The new Image Matching block will appear on the page in Edit Mode. A red, dotted line appears around the block to indicate that it's editable.

    Note: An Alternative Activity is automatically generated to provide learners another option for interacting with this activity.
    screenshot of the image matching block in edit mode
  7. Select the Publish My Edits button to save the block to the course page and see the content as it will appear to learners.
    screenshot of a published image matching activity.
  8. Learners can use the CHECK LATEST MOVE or CHECK AND SUBMIT buttons to verify their answers. Incorrect answers will be highlighted and displayed on the page. Learners can reset the activity and try again to earn the maximum number of points, which are shown in the lower right hand corner of the page.
    image matching block with Check Latest Move and Check and Submit buttons showingscreenshot of learner feedback for an answer that is correct.
    screenshot of learner feedback for an answer that is wrong.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article