Versions Compared

Version Old Version 1 New Version Current
Changes made by

Carol SoftChalk

Carol SoftChalk

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Activity Name H1

Labeling Activity

With the Labeling Activity, you can give students an image with specific parts you want them to be able to identify and label.

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:

    Maximum 40 characters

    Up to 20 characters fit on the label in one line

    Activity image best practice:

    Recommended image size 1020 x665

    Panel
    bgColor#DEEBFF

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

    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#F4F5F7#DEEBFF

    Image of Completed Activity

    Labeling Activity.pngImage Added
    Panel
    bgColor#DEEBFF

    Tips

    Accessibility

    What is read by screen readers

    1. Images with little or no text work best with this activity.

    Panel
    bgColor#DEEBFF

    Accessibility

    Screen readers will also read out loud:

    • Activity Title

    • Activity Instructions

    • Activity Keyboard Command List

    • Label text

    • Label alt text

    Panel
    bgColor#F4F5F7#DEEBFF

    Keyboard Command list for Activity

    Labeling Activity Keyboard Commands.pngImage Added

    Create

    Activity H1

    a Labeling Activity

    Panel
    bgColor#DEEBFF

    Build the Activity

    1. Click Select File to select your local image file, SoftChalk Cloud image file or URL image file location.

    2. (Optional) Enter pixel value for margin

    Panel
    bgColor#DEEBFF

    This feature adds space around an image and allows additional space to place labels.

    3. Click the + in the upper right corner to create a label.

    1-2-3 Steps
    Panel
    bgColor#B3D4FF
    #DEEBFF

    IMPORTANT: Be sure to drag each label with the 4-way arrow icon and circle pointer onto the image.

    4. Add text to the label.

    5. Add Alt text to the label. Use this text for visually impaired users.

    6. (Optional) Change the line color and width.

    7. When finished, click OK.
    The Labeling Activity placeholder will appear in the lesson.

    8. Preview the lesson changes.

    Panel
    bgColor#F4F5F7#DEEBFF

    Create Labeling Activity video

    Labeling Activity.mp4
    Enabled Partial Credit - What does it mean to this activity
    Panel
    bgColor#B3D4FF
    #DEEBFF

    Show Answers (on)

    When Show Answers is enabled, any empty placeholder will automatically display the label in the correct placeholder.

    Panel
    bgColor#F4F5F7#DEEBFF

    Video of partial credit EnabledShow Answers Enabled

    Lableing Activity Show Answer Enabled.mp4
    Disabled Partial Credit - What does it mean to this activity
    Panel
    bgColor#B3D4FF
    #DEEBFF

    Show Answers (off)

    When Show Answers is disabled, any label not in a placeholder will remain in the left-hand column and the placeholder will remain empty.

    Panel
    bgColor#F4F5F7#DEEBFF

    Video of partial credit DisabledShow Answers Disabled

    Labeling Show Answer Disabled.mp4

    Labeling Activity Mobile Views

    Vertical

    Horizontal

    Labeling Activity Vertical.pngImage Added

    		Labeling Activity Horizontal.pngImage Added