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

  2. From the Add Block modal, select Flashcards with Images.

  3. The Add Flashcards with Images form will appear. Complete the following: 

    • 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.
    • Select the appropriate flashcard Display Type:
      Image only on front, word and definition on back

      Image and word on front, word and definition on back

      Word and definition on front, image on back

  4. Repeat the following steps until all required flashcards are created. The Add Flashcards with Images form will appear. Complete the following:
    • Word:* Enter the term or concept.
    • Definition:* Enter the definition or description related to the content of the Word:* field.
      Note: To ensure proper display on mobile devices, there is a 50-character limit for the Word: field and a 450-character limit for the Definition: field.
    • Image:* Click the Image:* field to launch the File Manager and choose an existing image or upload a new image. 
    • Alt Text:* Describe the image by telling viewers about the image using as few words as possible. The purpose of the alternative text is to allow the content or purpose of the image to be available to someone with visual or cognitive disabilities. Alt text is only visible to those with screen readers. To learn more about alternative text visit http://webaim.org/techniques/alttext/.
    • Click the Save Flashcard button.
      Note: The Add Term from Glossary dropdown adds terms from a course glossary. For an example, refer to the animation at the end of this article.

  1. After all flashcards have been saved, click the Add+ button. 

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


  3. Once the changes are published and the edit page view is exited, the content displays as it will appear to learners.

    Image and word on front, word and definition on back
    Image and word on front, word and definition on back
    Flashcards with Images block automatically creates a transcript for each flashcard


    Changing the order of flashcards with images


    Adding a term from a course glossary using the Add Term from Glossary dropdown