Review page
Let users check answers before submitting information to a service.
Review page
View in FigmaReview your answers
Your situation
| What was your (the applicant's) relationship to the deceased? | Other | |
| My relationship to the deceased was | Manager | |
| Was the deceased part of a household that was receiving Assured Income for the Severely Handicapped (AISH) or Income Support? | No | |
| Was the deceased a minor? | No | |
| What was the deceased's marital status at time of death? | Married | |
| Did the deceased have any dependents? | No | |
| Was the deceased a sponsored immigrant? | Yes |
h2.section-title {
margin-top: 0;
margin-bottom: 0;
}
h2.section-title + h3 {
margin-top: var(--goa-space-l);
color: var(--goa-color-text-secondary);
}<h2 className="section-title">
Review your answers
</h2>
<h3>
Your situation
</h3>
<GoATable mt="l">
<tbody>
<tr>
<td>
<strong>
What was your (the applicant's) relationship to the deceased?
</strong>
</td>
<td>
Other
</td>
<td>
<GoAButton type="tertiary">
Change
</GoAButton>
</td>
</tr>
<tr>
<td>
<strong>
My relationship to the deceased was
</strong>
</td>
<td>
Manager
</td>
<td>
<GoAButton type="tertiary">
Change
</GoAButton>
</td>
</tr>
<tr>
<td>
<strong>
Was the deceased part of a household that was receiving Assured Income for the Severely Handicapped (AISH) or Income Support?
</strong>
</td>
<td>
No
</td>
<td>
<GoAButton type="tertiary">
Change
</GoAButton>
</td>
</tr>
<tr>
<td>
<strong>
Was the deceased a minor?
</strong>
</td>
<td>
No
</td>
<td>
<GoAButton type="tertiary">
Change
</GoAButton>
</td>
</tr>
<tr>
<td>
<strong>
What was the deceased's marital status at time of death?
</strong>
</td>
<td>
Married
</td>
<td>
<GoAButton type="tertiary">
Change
</GoAButton>
</td>
</tr>
<tr>
<td>
<strong>
Did the deceased have any dependents?
</strong>
</td>
<td>
No
</td>
<td>
<GoAButton type="tertiary">
Change
</GoAButton>
</td>
</tr>
<tr>
<td>
<strong>
Was the deceased a sponsored immigrant?
</strong>
</td>
<td>
Yes
</td>
<td>
<GoAButton type="tertiary">
Change
</GoAButton>
</td>
</tr>
</tbody>
</GoATable>
<GoAButtonGroup alignment="start" mt="2xl">
<GoAButton type="primary">
Confirm and continue
</GoAButton>
<GoAButton type="tertiary">
Back to application overview
</GoAButton>
</GoAButtonGroup>Overview
When to use a review page
Review and submit your answers at the end of a form or section.
When designing a very large transaction with multiple sections, it may help to include a check answers pages at the end of each section.
Let users go back and change their answers
Provide a "change" link next to each section so that users can add or change the information they are submitting.
If you have questions that are optional, let users know that they've skipped it without giving an answer by showing their response as "Not provided".
Include the full question name again in the change button as "visually hidden" so that the screen reader reads out "change [question]" instead of just "change". This gives context to a user using assistive technologies while keeping the link simple for most users.
Book time in drop in hours