How do I add flashcards with images?

The Flashcards with Images block allows learners to review key terms, concepts, or questions by flipping digital cards to reveal answers or explanations, with images supported on both sides of each card to provide visual context and reinforce understanding. This format supports active recall and self-paced study. The activity can also be graded, with points awarded once a flashcard button is selected.

1. Navigate to the page and select Edit this Page. Find the position you want to add a block and select the plus (+) icon.
   
   
2. From the dropdown, select Add Block.
   
   
3. In the Add Block modal, 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 to filter by block type

   • Select a star icon to add or remove blocks in your Favorites list
     
     
     

4. Select the Flashcards with Images block. The Add Flashcards with Images form will open. The form has two areas: Activity Settings and Manage Flashcards with Images.
   
   

5.  Complete the Activity Settings with the following information:
   • Points: The points field will only be displayed if the module is being graded. The default point value is 5 — change it if needed.
   • 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
       
       
6. In Manage Flashcards, add items using Add Flashcard+. A minimum of two items is required. Complete the following fields and then select the Save Flashcardbutton. 
   • 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:* 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/.
   • Add Term from Glossary: When the glossary is enabled, you can select a term directly from the glossary dropdown menu. For instructions on adding glossary items, see directions for glossary terms.
     
     
     
     
7. When all required flashcards have been added, click the Add Block+ button to add the Flashcards block to the course page.
   
   
   
8. The new block will appear on the page in Edit Mode with a red, dotted outline indicating it's editable.
   
   Note: A transcript is automatically generated to ensure the activity is accessible to learners.
   
   
   
9. Select the Publish My Edits button to save the block to the course page and see the content as it will appear to learners.
   

   Image only on front

   
   

   Word and definition on back

Add Term from Glossary

Note: If the Glossary isn't enabled, this option won't show. The Glossary can be turned on in the Course Settings page.

1. Select Add Term from Glossary, then select the word from the dropdown menu that you would like to include.
   
2. In this example, the term and definition for nationalism are automatically populated in their respective fields. If the glossary term does not include an image, you can add one manually, as described in Step 6.
   
   
3. In this example, the glossary term Western Front includes an image; therefore, the term, definition, image, and alt text are automatically populated in their respective fields.
   
   
4. Select Save Flashcard. Repeat until all items have been added.