Skip to main content

Outline

This component is suitable for use when creating accessible courses.

The Question Result component lets you display feedback to learners based on the number of questions answered correctly in selected question components.

This article provides an overview of the Question Result component, component setup, and behavior.

Component overview


The Question Result component lets you present feedback conditionally depending on which question components have been answered correctly or incorrectly. The displayed feedback can also be configured to show a graphic together with the text.

The Question Result component is fully responsive.

Component set up


To add this component, follow the steps in this article:

The Property Panel for the newly added component will then open automatically for you to customize set-up.

Or click anywhere on an existing component to open the Property Panel.


General section

In the General section:

Screenshot showing General settings

Add Title, or a Display Title, as needed. Display Title is seen by learners.

Screenshot showing General settings

Scroll down and add your Body. Use the text editor to style and format your text, as needed.

Screenshot showing General settings
  1. Add Instruction Text that tells users how to use the component.
  2. Include an Aria Label for screen readers, as needed.
Screenshot showing General settings
  1. Add No Feedback Text. This is text to display when there is no available feedback.
  2. Add Score Text Prefix as needed. This prefix is shown in the Result Question component before the score amount when using scores.
  3. Add Score Text Postfix as needed.
  4. Amend the Score Text Settings as needed.

Add Feedback Items


Screenshot showing Feedback Items settings

In the Feedback Items section, you Add Feedback to your Question Result component.

For each Feedback Item:

Screenshot showing Feedback Items settings
  1. Set the number of Required Correct Questions before this feedback is displayed.
  2. Select a Feedback Image to display with your Feedback item.
  3. Set Image Per Device Size as needed.
  4. Add Feedback Image Alt Text as needed.
  5. Select Graphic Position. This is the position of the Feedback Image relative to the Feedback item text. Select from the options Left, Top, Right, or Bottom. By default, this is set to Top.
  6. Finally, in the Feedback Item section, scroll down and add your Feedback Text. Use the text editor to style and format your text, as needed.

Add, duplicate, and delete Feedback Items as needed.

Behavior section


Screenshot showing Behavior settings

In the Behavior section, you Select Question Components for Feedback. Do this by clicking the Show Components dropdown and selecting what components are used to determine the feedback in the Question Result component.

Did this article help?

Let us know by leaving a star rating or review at the top of this article.