Afficher/masquer - Configuration de conception de Canada.ca

De : Secrétariat du Conseil du Trésor du Canada

Le modèle afficher/masquer (aussi appelé accordéon) permet de masquer le contenu jusqu'à ce qu'il soit demandé. Le modèle comprend un lien de déclenchement qui affiche ou masque le contenu.

Exemple :

Vous devez cliquer sur cette zone pour afficher ou masquer le contenu

Ce texte est masqué jusqu'à ce qu'il soit affiché.

Sur cette page

Quand l'utiliser

Le modèle afficher/masquer peut être utilisé dans 2 situations :

1. Présenter un choix entre des réponses mutuellement exclusives

Utilisez ce modèle lorsque les gens doivent obtenir des réponses différentes en fonction de leur situation et lorsque ces réponses sont mutuellement exclusives.

Cela réduit le risque que les gens pensent à tort qu’ils ont obtenu la réponse qui s’applique à leur situation.

2. Présenter des renseignements secondaires

Utilisez ce modèle pour éviter que le contenu secondaire n'interfère avec la tâche principale.

Il peut s'agir d'un contenu qui s'applique à la plupart des gens, mais que seules quelques personnes peuvent avoir besoin d'utiliser (par exemple, une déclaration de confidentialité ou des renseignements supplémentaires qui ne sont pas nécessaires pour accomplir la tâche principale).

Il peut également s'agir d'un contenu qui ne s'applique qu'à une minorité de personnes (par exemple lorsqu'il existe des renseignements spécifiques destinées à un public spécifique).

Quoi éviter

N'utilisez pas ce modèle si:

Comment mettre en oeuvre

Présenter un choix entre des réponses mutuellement exclusives

Déterminez si vous êtes dans une situation de garde partagée

L'enfant passe-t-il son temps :

  • environ de façon égale avec chaque parent

    Si l'enfant partage son temps environ de façon égale entre les deux parents, les deux parents sont considérés avoir la garde partagée de cet enfant...

  • avec vous la plupart du temps

    Si l'enfant vit avec vous la plupart du temps, vous êtes considéré avoir la garde principale pour les besoins de l'Allocation canadienne pour enfants...

  • avec l'autre parent la plupart du temps

    Si l'enfant vit avec l'autre parent la plupart du temps, l'autre parent est considéré avoir la garde principale pour les besoins de l'Allocation canadienne pour enfants...

Code
<h3>Déterminez si vous êtes dans une situation de garde partagée</h3>
<p>L'enfant passe-t-il son temps :</p>
<ul class="list-unstyled">
 <li>
  <details>
   <summary>environ de façon égale avec chaque deux parents</summary>
   <p>Si l'enfant partage son temps environ de façon égale entre les deux parents, les deux parents sont considérés avoir la  <strong>garde partagée</strong> de cet enfant...</p>
  </details>
 </li>
 <li>
  <details>
   <summary>avec vous la plupart du temps</summary>
   <p>Si l'enfant vit avec vous la plupart du temps, vous êtes considéré avoir la  <strong>garde principale</strong> pour les besoins de l'Allocation canadienne pour enfants...</p>
  </details>
 </li>
 <li>
  <details>
   <summary>avec l'autre parent la plupart du temps</summary>
   <p>Si l'enfant vit avec l'autre parent la plupart du temps, l'autre parent est considéré avoir la  <strong>garde principale</strong> pour les besoins de l'Allocation canadienne pour enfants...</p>
  </details>
 </li>
</ul>

Présenter des renseignements secondaires

Estimez vos paiements

Utilisez l'estimateur pour planifier votre budget.

Par exemple, vous pouvez utiliser le montant que vous pourriez recevoir si :

  • vous avez un nouvel enfant
  • votre revenu change
  • vous débutez ou terminez une situation de garde partagée
Voir le calcul mathématique sur lequel sont basés les paiements de l'Allocation canadienne pour enfants

Comment sont calculés les paiements

Chaque mois, les paiements de l'Allocation canadienne pour enfants est ajusté en fonction :

  • du nombre d'enfants dont vous avez la charge
  • de l'âge de vos enfants
  • de votre situation matrimoniale
  • de votre revenu familial net de l'année précédente

...

Code
<h3>Estimez vos paiements</h3>
<p>Utilisez l'estimateur pour planifier votre budget.</p>
<p>Par exemple, vous pouvez utiliser le montant que vous pourriez recevoir si :</p>
<ul>
 <li>vous avez un nouvel enfant</li>
 <li>votre revenu change</li>
 <li>vous débutez ou terminez une situation de garde partagée</li>
</ul>
<details>
 <summary>Voir le calcul mathématique sur lequel sont basés les paiements de l'Allocation canadienne pour enfants</summary>
 <h3>Comment sont calculés les paiements</h3>
 <p>Chaque mois, les paiements de l'Allocation canadienne pour enfants est ajusté en fonction :</p>
 <ul>
  <li>du nombre d'enfants dont vous avez la charge</li>
  <li>de l'âge de vos enfants</li>
  <li>de votre situation matrimoniale</li>
  <li>de votre revenu familial net de l'année précédente</li>
 </ul>
 <p>...</p>
</details>
        

Recherche

Nous avons testé avec succès l'utilisation du modèle afficher/masquer pour encourager les gens à choisir entre des options mutuellement exclusives lors de 2 projets d'optimisation réalisés avec l'Agence de revenu du Canada.

Résumé de recherche : Communiquer avec l’ARC

Derniers changements

2019-11-28 : les directives ont été modifiées pour permettre d'afficher/masquer du contenu pour des réponses qui sont mutuellement exclusives.

Discussion

Discutez de ce modèle dans GitHub

Date de modification :