Create content - H5P

Image Hotspots makes it possible to create an image with interactive hotspots. When the user presses a hotspot, a pop-up containing a header and text or video is displayed. Using the H5P editor, you may add as many hotspots as you like.

You can configurable:

• The number of hotspots
• The placement of each hotspot, and the associated pop-up content
• The colour of the hotspot 

Learn how to create Image Hotspots in this tutorial.

General guidelines

1. Clear and comprehensive instructions: 
   • In the Description field, provide clear and concise instructions for the hotspot activity. If hotspots link to different content formats (e.g., video clips), explicitly mention this in the description. 
2. Meaningful Hotspot labels: 
   • Label each hotspot with descriptive text that unambiguously conveys what the hotspot represents or links to. Avoid relying on text embedded within images. 
   • If the order of hotspot usage is important, explain this in the instructions and include numbers in the labels to indicate sequence. 
3. Ensure colour contrast: 
   • Ensure that hotspots and background colours have sufficient contrast to accommodate users with visual impairments. 
4. Minimum text size: 
   • Ensure that text within the hotspot activity meets minimum size requirements for readability.
5. Alt text for images: 
   • Provide descriptive alternative text (alt text) for any images or graphics used within the hotspot activity. This is essential for students with visual impairments. 

Video and audio content

1. Captions for video content: 
   • If your hotspot activity includes video elements, make sure that it has accurate captions or transcripts for students with hearing impairments. 
2. Avoid automatic playback: 
   • Ensure that video or audio content within the hotspot activity does not start playing automatically as it can be disruptive to some users. 

Additional considerations

1. Alternative options: 
   • Consider offering alternative formats or activities for students who may have difficulty with the hotspot interaction. Examples include providing a text-based alternative or offering a different assignment.