diff --git "a/m\303\251li-m\303\251lo/2024-04-stepsquiz/index-fr.html" "b/m\303\251li-m\303\251lo/2024-04-stepsquiz/index-fr.html" new file mode 100644 index 000000000..69e9b97df --- /dev/null +++ "b/m\303\251li-m\303\251lo/2024-04-stepsquiz/index-fr.html" @@ -0,0 +1,150 @@ +--- +title: Questionnaire à étapes +dateModified: 2024-07-16 +description: "Ajout d'un modèle de questionnaire à la composante du Formulaire à étapes existant." +lang: fr +altLangPage: "index.html" +css: +- stepsquiz.css +script: +- js/stepsquiz.js +--- +

Ajout d'un modèle de questionnaire à la composante du Formulaire à étapes.

+ +

Plan de mise en œuvre pour GCWeb

+ +{% assign implPlan = site.pages | where: "output", "false" | where: "componentName", "2024-04-stepsquiz" | first %} + + + +

Todo and for future consideration

+ + +

Accessibility reports

+ + +

Sponsor: {{ implPlan.sponsor }}

+ +
+

Objectif

+

Cette fonctionnalité fournit un modèle de questionnaire lorsqu'elle est appliquée à la composante du Formulaire à étapes existant.

+
+ +
+

Comment l'utiliser

+
    +
  1. Ajout de la classe CSS quiz à l'élément <div> contenant la classe CSS wb-steps de la composante du Formulaire à étapes.
    2. +
+
+ +
+

Liste des changements

+
+
Date:
+
2024-07-15
+
Description:
+
+
    +
  • Fonctionnalité de traduction française sur basculement de langue pour deux éléments de texte trouvés dans la composante.
    • +
  • Ajout d'un élément <label> autour de l'élément <progress> afin de résoudre un problème d'accessibilité (ref: Accessibility assessment no.1 - Progress bar).
    • +
+
+
Impact sur le ministère parrain :
+
Prévient une éventuelle plainte liée aux langues officielles et/ou à l’accessibilité.
+
Impact sur les usagés :
+
Accès à du contenu conforme aux langues officielles et répondant aux lignes directrices d'accessibilité WCAG 2.1 (Option : Niveau AA).
+
+
+ +
+

Exemples pratiques

+ +
+ +
+
+

Exemple - Par défaut (pleine largeur)

+
+
+ 1. Quel est ton fruit préféré ? +
+

Mon fruit préféré est :

+
    +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
+
+
+
+ 2. Quel est ton animal préféré ? +
+

Mon animal préféré est :

+
    +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
+
+
+
+ 3. Condiments +
+

Choisissez vos condiments :

+
    +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
+
+
+ +
+
+
diff --git "a/m\303\251li-m\303\251lo/2024-04-stepsquiz/index.html" "b/m\303\251li-m\303\251lo/2024-04-stepsquiz/index.html" index 0cdc42097..966ec2ade 100644 --- "a/m\303\251li-m\303\251lo/2024-04-stepsquiz/index.html" +++ "b/m\303\251li-m\303\251lo/2024-04-stepsquiz/index.html" @@ -3,6 +3,7 @@ dateModified: 2024-04-01 description: "Addition of a Quiz pattern to the existing Steps Form component." lang: en +altLangPage: "index-fr.html" css: - stepsquiz.css script: @@ -27,6 +28,13 @@

GCWeb implementation plan

{% endfor %} +

Accessibility reports

+ +

Sponsor: {{ implPlan.sponsor }}

@@ -41,6 +49,25 @@

How to use

+
+

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