Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Hot Spot Activity

See online example.

Panel
bgColor#DEEBFF

Things to know

Activity title:

Up to 35 characters look best (50 max)

Activity instruction:

Up to 50 characters look best (500 max)

Character limits:

Unlimited

Activity image best practice:

Recommended image size 740 px width x 240 px height to fill slide without a scrollbar.

Panel
bgColor#DEEBFF

A scrollbar will be available to view content that expands more than 740 pixel width or 255 pixel height.

To maintain image quality, crop the image dimensions using any image editor (ex. Paint/Paintbrush).

Panel
bgColor#DEEBFF

If an image is re-sized but not cropped to match pixel dimensions, the image may be stretched or squeezed to fit which can degrade the image quality.

Panel
bgColor#DEEBFF

Image of Activity

Panel
bgColor#DEEBFF

Tips

  1. When a user clicks the X in the activity, the card is removed from the deck.
    This is a study guide feature that allows the user to customize the deck to meet their study needs.
    The card is maintained in the activity and will repopulate when the page is refreshed.

  2. A scrollbar will be available to view content that expands more than 255 pixel height.

  3. Customize the Animation method used to Card Flip, Move to Next Card, or Move to Previous

<insert video of animation changes>

Panel
bgColor#DEEBFF

Accessibility

Screen readers will also read out loud:

  • Activity Title

  • Activity Instructions

  • Activity Keyboard Command List

  • Slide text

  • Image Alternative Text

Panel
bgColor#DEEBFF

Keyboard Command list for Activity

Create a Hot Spot Activity

Panel
bgColor#DEEBFF

Build the Activity

  1. Click + to create a card.

  2. Add text, image, or media content to the card.

  3. Click in the editor window to:

  • Format text font style, size, color, and alignment.

  • Click the image icon to add an image to the flash card.

  • Click the media icon to add media to the flash card.

  • Use the link icon to hyperlink text to a website, local files, etc.

  • Use the right-click menu to add even more features.

4. Adjust the Animation method (optional):

  • Card Flip

  • Move to Next Card

  • Move to Previous

5. Turn Shuffle: On to automatically rearrange the cards. (optional)

6. When finished, click OK.
The Flash Card Activity placeholder will appear in the lesson.

7. Preview the lesson changes.

Panel
bgColor#DEEBFF

Hot Spot Activity video

Panel
bgColor#DEEBFF

Show Answers Hints (on)

When Shuffle Show Hints is toggle ON, the Flash Cards are displays at a random order.the

the colored hot spot will appear
on the image when the student
completes the activity

Panel
bgColor#DEEBFF

Video of Show

Answers

Hints Enabled

Panel
bgColor#DEEBFF

Show Answers Hints (off)

When Show Answers Hints is toggled OFF, the Flash Cards display in the order set within the activity editor.F

Panel
bgColor#DEEBFF

Video of Show

Answers Disabled
Hot Spot

Hints Disabled

Panel
bgColor#DEEBFF

Customize Hotspot Description

Panel
bgColor#DEEBFF

Panel
bgColor#DEEBFF

Customize Hot Spot Color

With Show Hints: ON, students will see this color to identify the hotspot in the image

Panel
bgColor#DEEBFF

Image Map Activity Mobile Views

Vertical

Horizontal