Image & Text

This item allows you to add text to an image with three different styles. You can also add some interaction to your content.

You can edit the text directly on the slide with the same formatting options as in the text item. Please, see the related article for more information.


You can choose from three different styles for your text layer:

  • Superimposed: The text box fits into the entire size of the image. You can center the text as you want and set up both the color of the text and the box in order to achieve an attractive layout.
  • Boxed: The text is fixed to the bottom of the image and the box occupies as much as the text layer.
  • Gradient: Same performing way as the boxed mode but with a subtle gradient instead of a box.

Emerged text

When you enable the Text visible through interaction , the text layer will remain hidden until the user clicks on the action button. When you click on the button, the text will be displayed with an animation and will allow us to re-close the text layer.

Text box color

Set up the color and opacity of the background of your text box. Note that when you activate the emerged text, the box also appears and disappears through an animation. If you want to tint an image independently to the text display animation you can use the ink filter on the image itself.

Background image

You have the same set up options as in the image element. Please, see the related article for more information.

Editing Image & Text in accessible mode

  • Add an alternative description to your images, unless they are only decorative. Remember to be specific and not repetitive.
  • You can also add a long description when you consider it relevant.
  • In the text editing toolbar you will have a language selector for your texts: the use of this functionality consists of selecting those text fragments that are in a different language from the main language of the course, and indicating which language it is. The screen reader will then be able to apply the appropriate diction to these parts in order to make it easier for the student to understand when listening to the text.

Functionalities not supported in Accessible mode:

  • Please note that to ensure readability of the text, in Accessible mode the text will not overlap the image. They will appear side by side and the overlay, shading and gradient styles will not be applied.
  • The functionality to make text visible through interaction is not available for Accessibility. Even if you enable it, the text will always be visible in the accessible mode of the course.
  • The text box colour is not available for Accessibility. Even if you configure it, it will not be visible in accessible mode of the course.

Learn more in these articles: Headings, Alternative texts and long descriptions.

Continue reading Types of Elements

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us