Composant Conditions générales

Un composant Conditions générales fait référence à une section d’un formulaire qui décrit les termes, règles et conditions que les personnes doivent accepter ou respecter lors de l’utilisation d’un service ou de l’accès à un contenu.

Le composant Conditions générales est un composant composite constitué de composants Texte, Case à cocher et Lien. Le composant de texte contient un titre ainsi qu’une brève vue d’ensemble de l’objectif et de la portée des conditions générales. Il comprend également une case à cocher permettant d’obtenir le consentement explicite de la personne. Vous pouvez également remplacer un texte de consentement par des liens.

NOTE
Pour AEM 6.5 Forms, ce composant a été introduit avec le pack de services AEM 6.5 Forms 19 (6.5.19.0). Pour activer ce composant, assurez-vous que les versions nécessaires des composants principaux des formulaires et de la gestion de contenu web sont installées. Pour plus d’informations sur les versions des composants principaux des formulaires adaptatifs, reportez-vous à la section Versions des composants principaux des formulaires adaptatifs.

Exemple

Conditions générales

Consultez la section Sous-composants du composant Conditions générales pour en savoir plus sur les différents composants du composant Conditions générales.

Utilisation reasons-to-use-termsandconditions

  • Conditions d’utilisation : le composant sert de contrat entre le fournisseur et la personne. Les personnes doivent accepter les conditions avant d’accéder au service ou au contenu.

  • Conformité juridique : garantit la conformité juridique et la protection du fournisseur en exposant les droits, les responsabilités et les obligations des deux parties.

  • Processus d’enregistrement : les formulaires d’enregistrement ou d’inscription incluent le composant Conditions générales, ce qui nécessite que les personnes acceptent explicitement les conditions avant de créer un compte ou d’utiliser un service.

  • Transactions e-commerce : les sites web en ligne incluent le composant Conditions générales afin que les personnes soient invitées à accepter les conditions générales dans le cadre du processus de check-out avant d’effectuer des achats en ligne.

  • Accords de sécurité et de confidentialité : le composant Conditions générales comprend des détails sur la manière dont les données des personnes sont collectées, stockées et utilisées, souvent complétées par une politique de confidentialité distincte.

Version et compatibilité version-and-compatibility

Le composant principal Accordéon des formulaires adaptatifs a été publié en février 2023 dans le cadre des composants principaux 2.0.62 pour le Cloud Service et des composants principaux 1.1.28 pour AEM 6.5.16.0 Forms ou version ultérieure. Vous trouverez ci-dessous un tableau détaillant les versions prises en charge, la compatibilité avec AEM et les liens vers la documentation correspondante :

Version du composant
AEM as a Cloud Service
AEM 6.5.16.0 Forms ou version ultérieure
v1
Compatible avec la
version 2.0.62 et les versions ultérieures
Compatible avec les
versions 1.1.28 à 2.0.0 exclue.

Pour plus d’informations sur les versions et publications des composants principaux, consultez le document Versions des composants principaux.

Détails techniques technical-details

Retrouvez les informations les plus récentes sur le composant principal Conditions générales des formulaires adaptatifs dans la documentation technique sur GitHub. Pour plus d’informations sur le développement des composants principaux, consultez la documentation destinée aux développeurs et développeuses de composants principaux.

Boîte de dialogue de configuration configure-dialog

Vous pouvez facilement personnaliser l’expérience du composant Conditions générales pour les visiteurs et les visiteuses à l’aide de la boîte de dialogue Configurer. Vous pouvez également définir facilement des options de conditions générales pour une expérience utilisateur fluide.

Onglet De base

Onglet De base

  • Nom - Le nom identifie de manière unique le composant dans l’éditeur de règles. Les caractères spéciaux et les espaces ne sont pas autorisés dans les chaînes de nom.

  • Titre - Avec son titre, vous pouvez facilement identifier un composant dans un formulaire. Par défaut, le titre s’affiche au-dessus du composant. Si vous n’ajoutez pas de titre, le nom du composant s’affiche à la place du texte du titre.

  • Autoriser le texte enrichi pour le titre - Cette fonctionnalité permet aux personnes de mettre en forme les titres en texte brut en y incorporant des fonctionnalités telles que le texte en gras, en italique et souligné, diverses polices, tailles de police et couleurs, et d’autres options pour améliorer la présentation visuelle et la personnalisation. Elle offre une plus grande flexibilité et un contrôle créatif pour faire ressortir les titres dans les documents, sites web ou applications.
    Lorsque vous cochez la case Autoriser le texte enrichi pour le titre, les options de formatage deviennent visibles pour appliquer un style au titre du composant. Pour accéder à toutes les options de formatage disponibles, vous pouvez cliquer sur l’onglet Fullscreen icon .

    Prise en charge de texte enrichi

  • Option Afficher l’approbation – Sélectionnez cette option pour afficher la case à cocher du consentement utilisée pour obtenir le consentement explicite de la personne.

  • Afficher sous forme de pop-up – Sélectionnez cette option pour afficher le composant Conditions générales dans un pop-up.

  • Remplacer le texte de consentement par un ou plusieurs liens web : sélectionnez cette option pour remplacer un texte de consentement par un lien web. Si cette option est décochée, le texte du consentement s’affiche par défaut.

  • Masquer le titre - Sélectionnez cette option pour masquer le titre du composant.

  • Associer les données des composants enfants lors de l’envoi du formulaire (encapsuler les données dans l’objet) : lorsque l’option est sélectionnée, les données de ses composants enfants sont imbriquées dans l’objet JSON du composant parent. Cependant, si l’option n’est pas sélectionnée, les données JSON envoyées ont une structure plate, sans objet pour le composant parent. Par exemple :

    • Lorsque cette option est sélectionnée, les données des composants enfants (par exemple, Rue, Ville et Code postal) sont imbriquées dans le composant parent (Adresse) sous la forme d’un objet JSON. Cela crée une structure hiérarchique et les données sont organisées sous le composant parent.

      Structure des données envoyées :

      code language-json
      { "Address":
      
      { "Street": "123 Main Street", "City": "New York", "Zip Code": "12345" }
      
      }
      
    • Lorsque l’option n’est pas sélectionnée, les données JSON envoyées ont une structure plate sans objet pour le composant parent (Adresse). Toutes les données se trouvent au même niveau, sans organisation hiérarchique.

      Structure des données envoyées :

      code language-json
         { "Street": "123 Main Street", "City": "New York", "Zip Code": "12345" }
      
  • Référence Bind - Une référence Bind est une référence à un élément de données stockée dans une source de données externe et utilisée dans un formulaire. La référence de liaison vous permet de lier dynamiquement les données aux champs du formulaire, de sorte que le formulaire puisse afficher les données les plus récentes de la source de données. Par exemple, une référence de liaison peut être utilisée pour afficher le nom et l’adresse d’un client ou d’une cliente dans un formulaire, en fonction de l’identifiant du client ou de la cliente saisi dans le formulaire. La référence de liaison peut également être utilisée pour mettre à jour la source de données avec les données saisies dans le formulaire. Ainsi, AEM Forms vous permet de créer des formulaires qui interagissent avec des sources de données externes, offrant ainsi une expérience utilisateur fluide pour la collecte et la gestion des données.

  • Masquer le composant - Sélectionnez cette option pour masquer le composant du formulaire. Le composant reste accessible à d’autres fins, par exemple pour les calculs dans l’éditeur de règles. Cela s’avère utile lorsque vous devez stocker des informations qui n’ont pas besoin d’être affichées ou directement modifiées par les utilisateurs ou les utilisatrices.

  • Désactiver le composant - Sélectionnez cette option pour désactiver le composant. Le composant désactivé n’est pas actif ni modifiable par l’utilisateur final ou l’utilisatrice finale. L’utilisateur ou l’utilisatrice peut voir la valeur du champ mais ne peut pas la modifier. Le composant reste accessible à d’autres fins, par exemple pour les calculs dans l’éditeur de règles.

  • Lecture seule - Sélectionnez cette option pour rendre le composant non modifiable. L’utilisateur ou l’utilisatrice peut voir la valeur du champ mais ne peut pas la modifier. Le composant reste accessible à d’autres fins, par exemple pour les calculs dans l’éditeur de règles.

Onglet Contenu de l’aide help-content-tab

Onglet Contenu d’aide

  • Description courte : Une description courte est une brève explication textuelle qui fournit des informations supplémentaires ou une clarification sur l’objectif d’un champ de formulaire spécifique. Il permet à l’utilisateur ou l’utilisatrice de comprendre le type de données à saisir dans le champ et peut fournir des conseils ou des exemples pour s’assurer que les informations saisies sont valides et répondent aux critères souhaités. Par défaut, les descriptions courtes restent masquées. Activez l’option Toujours afficher une description courte pour l’afficher sous le composant.

  • Toujours afficher une description courte - Activez cette option pour afficher la description courte sous le composant.

  • Texte d’aide - Le texte d’aide fait référence à des informations ou des conseils supplémentaires fournis à l’utilisateur ou à l’utilisatrice pour l’aider à remplir correctement un champ de formulaire. Il s’affiche lorsque l’utilisateur ou l’utilisatrice clique sur l’icône d’aide (i) placée à côté du composant. Le texte d’aide fournit des informations plus détaillées que le texte du libellé ou de l’espace réservé d’un champ de formulaire. Il est conçu pour aider l’utilisateur ou l’utilisatrice à comprendre les exigences ou les contraintes du champ. Il peut également proposer des suggestions ou des exemples pour faciliter le remplissage du formulaire et le rendre plus précis.

Onglet Accessibilité

Onglet Accessibilité

  • Texte pour les lecteurs d’écran - Le texte destiné aux lecteurs d’écran fait référence à un texte supplémentaire spécialement conçu pour être lu par les technologies d’assistance, comme les lecteurs d’écran, utilisées par les personnes malvoyantes. Ce texte fournit une description audio de l’objectif du champ de formulaire et peut inclure des informations sur le titre, la description, le nom du champ et tout message pertinent (texte personnalisé). Le texte du lecteur d’écran permet de s’assurer que le formulaire est accessible à tous les utilisateurs et utilisatrices, y compris celles et ceux ayant une déficience visuelle, et leur permet de bien comprendre le champ du formulaire et ses exigences.

    • Texte personnalisé : sélectionnez cette option pour utiliser le texte personnalisé pour les libellés d’accessibilité ARIA. Cette option affiche la boîte de dialogue Texte personnalisé. Vous pouvez ajouter des informations pertinentes dans la boîte de dialogue Texte personnalisé.
    • Description : sélectionnez cette option pour utiliser la description des libellés d’accessibilité ARIA.
    • Titre : sélectionnez cette option pour utiliser le titre pour les libellés d’accessibilité ARIA.
    • Nom : sélectionnez cette option pour utiliser le nom pour les libellés d’accessibilité ARIA.
    • Aucun : sélectionnez cette option si vous ne souhaitez pas l’ajouter pour les libellés d’accessibilité ARIA.
  • Rôle HTML à annoncer par le lecteur d’écran - Le rôle HTML est un attribut utilisé pour spécifier l’objectif d’un élément HTML pour les technologies d’assistance telles que les lecteurs d’écran. L’attribut rôle est utilisé pour fournir un contexte et une signification sémantique supplémentaires à un élément, ce qui facilite l’interprétation et l’annonce du contenu à l’utilisateur ou à l’utilisatrice par les lecteurs d’écran. Par exemple, dans AEM Forms, le libellé d’un champ de formulaire peut avoir le rôle « libellé » et son champ de saisie peut avoir le rôle « zone de texte ». Cela permet au lecteur d’écran de comprendre la relation entre le libellé et le champ de saisie, et de les annoncer correctement à l’utilisateur ou à l’utilisatrice.

Boîte de dialogue de conception design-dialog

La boîte de dialogue de conception permet de définir et de gérer les styles CSS pour le composant Conditions générales.

Onglet Styles styles-tab

Cet onglet vous permet de définir et de gérer les styles CSS d’un composant. Le composant principal Conditions générales des formulaires adaptatifs prend en charge le Système de style d’AEM.

Boîte de dialogue de conception.

  • Classes CSS par défaut : vous pouvez fournir une classe CSS par défaut pour le composant principal Conditions générales des formulaires adaptatifs.

  • Styles autorisés : vous pouvez définir des styles en fournissant un nom et la classe CSS qui représente le style. Par exemple, vous pouvez créer un style nommé « texte en gras » et fournir la classe CSS « police d’épaisseur : gras ». Vous pouvez utiliser ou appliquer ces styles à un formulaire adaptatif dans l’éditeur de formulaires adaptatifs. Pour appliquer un style, sélectionnez le composant auquel vous souhaitez appliquer le style dans l’éditeur de formulaires adaptatifs, accédez à la boîte de dialogue Propriétés, puis sélectionnez le style de votre choix dans la liste déroulante Styles. Si vous devez mettre à jour ou modifier les styles, revenez simplement à la boîte de dialogue Conception, mettez à jour les styles dans l’onglet Styles et enregistrez les modifications.

Propriétés personnalisées

Boîte de dialogue Propriétés personnalisées

Les propriétés personnalisées vous permettent d’associer des attributs personnalisés (paires clé-valeur) à un composant principal de formulaire adaptatif à l’aide du modèle de formulaire. Les propriétés personnalisées sont répercutées dans la section des propriétés du rendu déocuplé du composant. Cela permet de créer un comportement de formulaire dynamique qui s’adapte en fonction des valeurs d’attributs personnalisés. Par exemple, les développeurs et développeuses peuvent concevoir plusieurs rendus d’un composant de formulaires découplés pour des plateformes mobiles, de bureau ou web, ce qui améliore considérablement l’expérience client sur un large éventail d’appareils.

  • Nom du groupe : vous pouvez fournir un nom pour identifier le groupe de propriétés personnalisées. Vous pouvez ajouter, supprimer ou réorganiser plusieurs groupes de propriétés personnalisées. Après avoir ajouté le groupe de propriétés personnalisées, vous pouvez voir les options suivantes :

    • Paires clé-valeur : vous pouvez ajouter plusieurs noms et valeurs de propriétés personnalisées en cliquant sur le bouton Ajouter pour chaque groupe de propriétés personnalisées.

    • Supprimer : appuyez ou cliquez pour supprimer le nom et la valeur des propriétés personnalisées.

    • Réorganiser : appuyez ou cliquez et faites glisser pour réorganiser l’ordre du nom et de la valeur des propriétés personnalisées.

Sous-composants du composant Conditions générales sub-component

Le composant Conditions générales est un composant composite qui comprend les sous-composants suivants :

Ce composant remplace un texte de consentement par un ou plusieurs liens web. Il est utilisé dans un scénario où la personne souhaite proposer des références à des sections spécifiques, des informations supplémentaires ou des documents externes. Vous pouvez facilement personnaliser le composant Lien de manière individuelle pour les visiteurs et visiteuses qui utilisent la boîte de dialogue Configurer.

Onglet De base

Onglet De base

  • Nom - Le nom identifie de manière unique le composant dans l’éditeur de règles. Les caractères spéciaux et les espaces ne sont pas autorisés dans les chaînes de nom.

  • Titre - Avec son titre, vous pouvez facilement identifier un composant dans un formulaire. Par défaut, le titre s’affiche au-dessus du composant. Si vous n’ajoutez pas de titre, le nom du composant s’affiche à la place du texte du titre.

  • Autoriser le texte enrichi pour le titre : cette fonctionnalité permet aux personnes de mettre en forme les titres à l’aide d’options telles que le gras et l’italique, des styles de police, les couleurs et l’alignement, ce qui améliore la présentation visuelle et la personnalisation. Elle offre une plus grande flexibilité et un contrôle créatif pour faire ressortir les titres dans les documents, sites web ou applications.
    Lorsque vous cochez la case Autoriser le texte enrichi pour le titre, les options de formatage deviennent visibles pour appliquer un style au titre du composant. Pour accéder à toutes les options de formatage disponibles, vous pouvez cliquer sur l’onglet Fullscreen icon .

    Prise en charge de texte enrichi

  • Masquer le titre - Sélectionnez cette option pour masquer le titre du composant.

  • Liens - Indiquez le lien et le texte d’affichage correspondant utilisé à la place du texte de consentement. Vous pouvez ajouter plusieurs liens en cliquant sur le bouton Ajouter.
    Lorsqu’une nouvelle option est ajoutée, les actions suivantes peuvent être effectuées :

    • Lien - Cette option permet de saisir l’URL de redirection lorsqu’une option est sélectionnée.
    • Texte d’affichage - Cette option permet de saisir le contenu à afficher dans un formulaire adaptatif.
    • Supprimer - Appuyez ou cliquez sur supprimer pour supprimer l’option d’un bouton radio.
    • Réorganiser - Appuyez ou cliquez et faites glisser pour réorganiser l’ordre des options.

    Vous pouvez également mettre en forme les options d’un groupe de cases à cocher à l’aide de Autoriser le texte enrichi pour les options. Une fois que vous avez coché la case Autoriser le texte enrichi pour les options, les options de formatage deviennent visibles pour appliquer un style aux options du composant. Pour accéder à toutes les options de formatage disponibles, vous pouvez cliquer sur l’onglet Fullscreen Fullscreen icon .

    Prise en charge du texte enrichi pour les options

  • Référence Bind - Une référence Bind est une référence à un élément de données stockée dans une source de données externe et utilisée dans un formulaire. La référence de liaison vous permet de lier dynamiquement les données aux champs du formulaire, de sorte que le formulaire puisse afficher les données les plus récentes de la source de données. Par exemple, une référence de liaison peut être utilisée pour afficher le nom et l’adresse d’un client ou d’une cliente dans un formulaire, en fonction de l’identifiant du client ou de la cliente saisi dans le formulaire. La référence de liaison peut également être utilisée pour mettre à jour la source de données avec les données saisies dans le formulaire. Ainsi, AEM Forms vous permet de créer des formulaires qui interagissent avec des sources de données externes, offrant ainsi une expérience utilisateur fluide pour la collecte et la gestion des données.

  • Marquer comme élément de formulaire non lié : sélectionnez cette option pour configurer un champ de formulaire qui n’est lié à aucun schéma. Cette option vous permet d’enregistrer des données sans mettre à jour la source de données. Elle vous permet également de gérer les données de manière personnalisée, en les séparant de l’intégration de base de données standard.

  • Masquer le composant - Sélectionnez cette option pour masquer le composant du formulaire. Le composant reste accessible à d’autres fins, par exemple pour les calculs dans l’éditeur de règles. Cela s’avère utile lorsque vous devez stocker des informations qui n’ont pas besoin d’être affichées ou directement modifiées par les utilisateurs ou les utilisatrices.

  • Désactiver le composant – Sélectionnez cette option pour désactiver le composant. Le composant désactivé n’est pas actif ni modifiable par l’utilisateur final ou l’utilisatrice finale. L’utilisateur ou l’utilisatrice peut voir la valeur du champ mais ne peut pas la modifier. Le composant reste accessible à d’autres fins, par exemple pour les calculs dans l’éditeur de règles.

  • Lecture seule - Sélectionnez cette option pour rendre le composant non modifiable. L’utilisateur ou l’utilisatrice peut voir la valeur du champ mais ne peut pas la modifier. Le composant reste accessible à d’autres fins, par exemple pour les calculs dans l’éditeur de règles.

Onglet Validation

Onglet Validation

  • Obligatoire : Sélectionnez cette option si vous souhaitez afficher le composant dans un formulaire adaptatif. Après avoir sélectionné cette option, vous devez effectuer une sélection avant de poursuivre l’envoi du formulaire. Vous ne pouvez pas sélectionner Masquer le composant ou Désactiver le composant dans l’onglet De base lorsque cette option est sélectionnée.

  • Message d’erreur : cette option vous permet de rédiger un message qui s’affiche si la case à cocher Obligatoire est activée et le champ de formulaire reste vide.

  • Message de validation de script : cette option permet de saisir un message à afficher en cas d’échec de la validation du script.

Onglet Contenu de l’aide helpcontent-tab

Onglet Contenu d’aide

  • Description courte : Une description courte est une brève explication textuelle qui fournit des informations supplémentaires ou une clarification sur l’objectif d’un champ de formulaire spécifique. Il permet à l’utilisateur ou l’utilisatrice de comprendre le type de données à saisir dans le champ et peut fournir des conseils ou des exemples pour s’assurer que les informations saisies sont valides et répondent aux critères souhaités. Par défaut, les descriptions courtes restent masquées. Activez l’option Toujours afficher une description courte pour l’afficher sous le composant.

  • Toujours afficher une description courte - Activez cette option pour afficher la description courte sous le composant.

  • Texte d’aide - Le texte d’aide fait référence à des informations ou des conseils supplémentaires fournis à l’utilisateur ou à l’utilisatrice pour l’aider à remplir correctement un champ de formulaire. Il s’affiche lorsque l’utilisateur ou l’utilisatrice clique sur l’icône d’aide (i) placée à côté du composant. Le texte d’aide fournit des informations plus détaillées que le texte du libellé ou de l’espace réservé d’un champ de formulaire. Il est conçu pour aider l’utilisateur ou l’utilisatrice à comprendre les exigences ou les contraintes du champ. Il peut également proposer des suggestions ou des exemples pour faciliter le remplissage du formulaire et le rendre plus précis.

Onglet Accessibilité

Onglet Accessibilité

  • Texte pour les lecteurs d’écran - Le texte destiné aux lecteurs d’écran fait référence à un texte supplémentaire spécialement conçu pour être lu par les technologies d’assistance, comme les lecteurs d’écran, utilisées par les personnes malvoyantes. Ce texte fournit une description audio de l’objectif du champ de formulaire et peut inclure des informations sur le titre, la description, le nom du champ et tout message pertinent (texte personnalisé). Le texte du lecteur d’écran permet de s’assurer que le formulaire est accessible à tous les utilisateurs et utilisatrices, y compris celles et ceux ayant une déficience visuelle, et leur permet de bien comprendre le champ du formulaire et ses exigences.

    • Texte personnalisé : sélectionnez cette option pour utiliser le texte personnalisé pour les libellés d’accessibilité ARIA. Cette option affiche la boîte de dialogue Texte personnalisé. Vous pouvez ajouter des informations pertinentes dans la boîte de dialogue Texte personnalisé.
    • Description : sélectionnez cette option pour utiliser la description des libellés d’accessibilité ARIA.
    • Titre : sélectionnez cette option pour utiliser le titre pour les libellés d’accessibilité ARIA.
    • Nom : sélectionnez cette option pour utiliser le nom pour les libellés d’accessibilité ARIA.
    • Aucun : sélectionnez cette option si vous ne souhaitez pas l’ajouter pour les libellés d’accessibilité ARIA.

Composant Texte text

Le composant Texte affiche le contenu textuel qui fournit des informations aux personnes. Ce composant comprend les conditions générales, les informations juridiques ou toute autre information textuelle pertinente.

Vous pouvez facilement personnaliser le composant Texte individuellement pour les visiteurs et visiteuses en utilisant la boîte de dialogue Configurer. Pour définir facilement des options de texte pour une expérience utilisateur fluide, utilisez la boîte de dialogue Configurer du composant Texte.

Composant Case à cocher checkbox

Une case à cocher permet d’obtenir le consentement ou l’accord de la personne. Elle sert d’indicateur visuel que la personne a lu et accepté les conditions décrites. Il est obligatoire de cocher la case pour indiquer le consentement de la personne.

Vous pouvez facilement personnaliser le composant Case à cocher individuellement pour les visiteurs et visiteuses en utilisant la boîte de dialogue Configurer. Pour définir les propriétés d’une case à cocher pour une expérience utilisateur fluide, utilisez la boîte de dialogue Configurer du composant Case à cocher.

Articles connexes related-articles

Voir également see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c