Skip to main content Skip to navigation

Add images to a quiz

You can use images anywhere within a quiz – in questions, answer choices, and feedback for right or wrong answers. It's possible, for example, to create a question where the participant chooses an image from several options or drags images into categories.

When you design questions that contain images consider people who use assistive technology, such as the JAWS screen readerLink opens in a new window. Always describe the image with alt (alternative) text – for more guidance, refer to text-based alternatives to visual media.

  1. Browse to your quiz page and Upload the image you want to use.

  2. Go to Edit > Edit quizbuilder page:

    The SiteBuilder 'Edit' menu, with the 'Edit quizbuilder page' option highlighted

  3. You see the Edit quiz screen:

    The 'Edit quiz' screen

  4. Create a new question, or select the Edit component button for an existing one.

  5. To insert an image in the Question, Choices or Feedback boxes, use Textile markup. For example, to specify an image's file name and alt text, enter:

    !basketball.png(basketball)!

    If the image is on a different SiteBuilder page, you can use absolute paths to the image:

    !https://warwick.ac.uk/services/its/computer.png(computer)!

    Tip: you can use HTML instead of Textile markup to insert images in the Question, Choices or Feedback boxes – for example:

    <img src="basketball.png" alt="Basketball" />
  6. Select Save to return to the Edit quiz screen.

  7. When you're finished editing your quiz, select Done. The image(s) appear in the published quiz:

    A single choice quiz question with images representing each of the options

Related articles