Steps Quiz
Addition of a quiz pattern for the Steps Form component.
GCWeb implementation plan
- 2024-03 - Review and identify requirement to make this functionality enterprise ready.
- 2024-05 - Have this feature as a Meli-Melo feature in GCWeb.
- 2024-12 - Produce accessibility conformance report and attach usability report.
- 2025-05 - Standardisation of the Steps Form plugin.
- 2026-05 - Have this feature officialy integrated to the Steps Form plugin.
Todo and for future consideration
- Write governance and rationale for the use of this design.
- Optimize code as suggested in the Github pull request #2347.
Accessibility reports
- 2024-06-25 - Accessibility assessment no.1 - Progress bar
Sponsor: Principal Publisher - ESDC
Purpose
This feature provides a quiz pattern when applied to the Steps Form component.
How to use
- Add the
quiz
CSS class to<div>
element containing thewb-steps
CSS class of the Steps Form component.
List of changes
- Date:
- 2024-07-15
- Description:
-
- French translation functionality on language toggle for two text elements found in the component.
- Addition of a
<label>
element around the<progress>
element in order to resolve an accessibility issue (ref: Accessibility assessment no.1 - Progress bar).
- Impact on the sponsoring department:
- Prevents a possible complaint related to official languages and/or accessibility.
- Impact on users:
- Access to content that complies with official languages and that meets WCAG accessibilty guidlines 2.1 (Option: Level AA).
Working Examples
Example - Default (full width)
Page details
- Date modified: