Merge pull request #231 from canada-ca/master

rebase

retroaction/fonctionnement.md

@@ -52,18 +52,55 @@ L’outil de rétroaction invite les visiteurs à :
 	</figure>
 </details>
 
-<details>
-	<summary>Image des options après avoir cliqué sur «&nbsp;Non&nbsp;»</summary>
-  <figure class="mrgn-tp-lg">
-    <img class="img-responsive border" alt="Une longue description peut être trouvée après l'image." src="images/description-fr.jpg" />
-    <figcaption>
-      <details>
-        <summary>Outil de rétroaction</summary>
-        <p>Il y a le texte «&nbsp;Vous ne recevrez aucune réponse. N'incluez pas de renseignements personnels (téléphone, courriel, NAS, renseignements financiers, médicaux ou professionnels). Maximum 300 caractères&nbsp;», suivi d’un champ de texte pour fournir plus de détails.</p>
-      </details>
-    </figcaption>
-  </figure>
-</details>
+<div class="row">
+    <div class="col-md-8">
+      <div class="mrgn-tp-md mrgn-bttm-md">
+        <figure class="mrgn-tp-md mrgn-bttm-lg">
+          <figcaption>
+            <h4>1. Première vue de l'outil de rétroaction</h4>
+          </figcaption>
+          <img src="/images/page-feedback-fr.png" class="img-responsive" alt="1. Première vue de l'outil de rétroaction. Version texte ci-dessous&nbsp;:" />
+          <details>
+            <summary class="wb-toggle" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Description de l'image&nbsp;: Première vue de l'outil de rétroaction</summary>
+            <p class="mrgn-tp-md">Sur la page, la section consacrée à la rétroaction se trouve en bas de la page Web, juste au-dessus de la date de modification. Un petit encadré gris demande &laquo;&nbsp;Avez-vous trouvé ce que vous cherchiez?&nbsp;&raquo; et affiche les boutons &laquo;&nbsp;Oui&nbsp;&raquo; et &laquo;&nbsp;Non&nbsp;&raquo;.</p>
+          </details>
+        </figure>
+      </div>
+      <figure class="mrgn-tp-md mrgn-bttm-lg">
+        <figcaption>
+          <h4>2a. Vue par défaut après avoir sélectionné &laquo;&nbsp;Non&nbsp;&raquo;</h4>
+        </figcaption>
+        <img src="/images/description-fr.jpg" class="img-responsive" alt="2a. Vue par défaut après avoir sélectionné Non. Version texte ci-dessous&nbsp;:" />
+        <details>
+          <summary class="wb-toggle" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Description de l'image&nbsp;:  Vue par défaut après avoir sélectionné « Non »</summary>
+          <p class="mrgn-tp-md">Après l'interaction avec le bouton &laquo;&nbsp;Non&nbsp;&raquo;, la question est remplacée par un écran comportant un champ de texte. Celui-ci affiche le titre &laquo;&nbsp;Veuillez fournir plus de détails&nbsp;&raquo;, suivi des instructions de ne pas inclure de renseignements personnels&nbsp;: &laquo;&nbsp;Vous ne recevrez aucune réponse. N'incluez pas de renseignements personnels (téléphone, courriel, NAS, renseignements financiers, médicaux ou professionnels). Maximum de 300 caractères&nbsp;&raquo;. Un petit champ de texte est suivi d'un bouton &laquo;&nbsp;Soumettre&nbsp;&raquo;.</p>
+        </details>
+      </figure>
+      <figure class="mrgn-tp-md mrgn-bttm-lg">
+        <figcaption>
+          <h4>2b. Vue optionnelle après avoir sélectionné &laquo;&nbsp;Non&nbsp;&raquo; avec l'option de contact</h4>
+          <p>La configuration de style afficher/masquer &laquo;&nbsp;Besoin d'aide urgente pour résoudre un problème? Communiquez avec nous&nbsp;&raquo; sera réduite par défaut.</p>
+        </figcaption>
+        <img src="/images/urgent-help-fr.png" class="img-responsive" alt="2b. Vue optionnelle après avoir sélectionné Non avec l'option de contact. Version texte ci-dessous&nbsp;:" />
+        <details>
+          <summary class="wb-toggle" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Description de l'image&nbsp;: Vue optionnelle après avoir sélectionné « Non » avec l'option de contact</summary>
+          <p class="mrgn-tp-md">Après l'interaction avec le bouton &laquo;&nbsp;Non&nbsp;&raquo;, la question est remplacée par un écran comportant un champ de texte.</p>
+          <p>Dans l'option de contact, une configuration de style afficher/masquer porte le titre &laquo;&nbsp;Besoin d'aide urgente pour résoudre un problème? Communiquez avec nous.&nbsp;&raquo; Lorsque la configuration afficher/masquer est ouverte, un lien personnalisable permettant de contacter le service s'affiche.</p>
+          <p>Après la configuration afficher/masquer vient le titre &laquo;&nbsp;Veuillez fournir plus de détails&nbsp;&raquo;, suivi des instructions de ne pas inclure de renseignements personnels&nbsp;: &laquo;&nbsp;Vous ne recevrez aucune réponse. N'incluez pas de renseignements personnels (téléphone, courriel, NAS, renseignements financiers, médicaux ou professionnels). Maximum de 300 caractères&nbsp;&raquo;. Un petit champ de texte est suivi d'un bouton &laquo;&nbsp;Soumettre&nbsp;&raquo;.</p>
+        </details>
+      </figure>
+      <figure class="mrgn-tp-md mrgn-bttm-lg">
+        <figcaption>
+          <h4>3. Vue après avoir sélectionné &laquo;&nbsp;Oui&nbsp;&raquo; ou après avoir soumis la rétroaction</h4>
+        </figcaption>
+        <img src="/images/thank-you-fr.jpg" class="img-responsive" alt="3. Vue après avoir sélectionné Oui ou après avoir soumis la rétroaction. Version texte ci-dessous&nbsp;:" />
+        <details>
+          <summary class="wb-toggle" data-toggle="{&quot;print&quot;:&quot;on&quot;}">Description de l'image&nbsp;: Vue après avoir sélectionné « Oui » ou après avoir soumis la rétroaction</summary>
+          <p class="mrgn-tp-md">Lorsqu'un utilisateur sélectionne &laquo;&nbsp;Oui&nbsp;&raquo; comme réponse à la première question ou lorsqu'il soumet sa rétroaction, un message de remerciement apparaît. Une icône coche verte apparaît, suivie du titre &laquo;&nbsp;Merci de vos commentaires&nbsp;&raquo;</p>
+        </details>
+      </figure>
+    </div>
+  </div>
 
 ## Protéger les renseignements personnels
 

retroaction/index.md

@@ -46,7 +46,7 @@ L’outil de rétroaction sur la page est un <strong>outil de recherche</strong>
     <section class="wb-eqht gc-drmt">
       <div class="col-md-4">
         <section>
-          <h3><a href="https://test.canada.ca/experimental/feedback-retroaction/outil-retroaction.html">Mise en œuvre</a></h3>
+          <h3><a href="https://conception.canada.ca/configurations-conception-communes/outil-retroaction.html">Mise en œuvre</a></h3>
           <p>Obtenez le code pour mettre en œuvre l’outil de rétroaction sur votre site</p>
         </section>
       </div>

retroaction/quand.md

@@ -18,11 +18,20 @@ title: Quand utiliser l’outil de rétroaction sur la page
 
 ## Sur cette page
 
+* [Quand utiliser l’outil de rétroaction sur la page](#quand-utiliser-loutil-de-rétroaction-sur-la-page)
 * [Cas d’utilisation de l’outil de rétroaction sur la page](#cas-dutilisation-de-loutil-de-rétroaction-sur-la-page)
 * [Attentes et engagement](#attentes-et-engagement)
 * [Comment ne pas utiliser l’outil de rétroaction](#comment-ne-pas-utiliser-loutil-de-rétroaction)
 
-## Cas d'utilisation de loutil de rétroaction sur la page
+
+## Quand utiliser l’outil de rétroaction sur la page
+
+Nous recommandons d’utiliser l’outil de rétroaction lorsqu’il y a un engagement à lire la rétroaction et à prendre des mesures en fonction de celle-ci :
+
+* par rapport à des pages spécifiques;
+* pendant une période définie
+
+## Cas d'utilisation de l'outil de rétroaction sur la page
 
 Envisagez d’utiliser l’outil de rétroaction sur la page pour :
 
@@ -32,10 +41,7 @@ Envisagez d’utiliser l’outil de rétroaction sur la page pour :
 * déterminer les problèmes émergents
 * assurer le suivi des améliorations de la page après leur mise en ligne
 
-Nous recommandons d’utiliser l’outil de rétroaction lorsqu’il y a un engagement à lire la rétroaction et à prendre des mesures en fonction de celle-ci :
 
-* par rapport à des pages spécifiques;
-* pendant une période définie
 
 ## Attentes et engagement
 
@@ -71,10 +77,14 @@ La surveillance des tendances d’une semaine à l’autre est une activité int
 
 Nous ne recommandons pas de garder l’outil de rétroaction sur une page continuellement. Cette approche vient réitérer que l’outil est destiné à la recherche (plutôt qu’à la surveillance) et pour assurer la meilleure utilisation de votre temps.
 
+
 ### Espaces sécurisés
 
 Nous ne recommandons pas l'utilisation de l'outil dans les espaces sécurisés. Dans ces espaces, il est préférable de s'assurer que les utilisateurs ont un accès clair aux canaux d'assistance directe.
 
+### Sujets sensibles
+Les pages sur des sujets sensibles doivent être évitées (par exemple, le suicide).
+
 <nav role="navigation" class="mrgn-bttm-lg">
   <ul class="pager">
     <li class="next"><a href="ameliorer.html" rel="next">Suivant&nbsp;: Comment la rétroaction peut aider</a></li>