Modifier les composants

Modifiez Générateur de thèmes les composants individuels pour mieux correspondre à votre marque et respecter les normes de conformité en matière d’accessibilité. Les crochets de thème que vous pouvez modifier sont spécifiques à chaque type de composant.

Avant de commencer

Rôle requis : administrateur

Pourquoi et quand exécuter cette tâche

Les composants que vous pouvez modifier dans Générateur de thèmes ont été créés dans le Now Platform Système de designfichier . Pour plus d’informations, consultez Composants Next Experience sur le site Developer ServiceNow .

Le nombre total d’infractions à l’accessibilité par composant est indiqué sur la page du panneau d’édition.

Procédure

1. Accédez à la Tout > Cadre de travail Now Experience > Thèmes > Générateur de thèmes.
   La page de destination du générateur de thèmes s’affiche dans la vue Page d’accueil.
2. Dans la vue de la page d’accueil, sélectionnez la vue de la page Éditeur.

   Figure 1. Vue de la page de l’éditeur

   

3. Sélectionnez le thème pour lequel vous souhaitez modifier des composants.
4. Dans la vue de la page Editeur, sélectionnez l’onglet Styles de composant .
   Les styles du composant sont répertoriés graphiquement.

   

5. Sélectionnez Édition.
   Remarque :

   Les composants qui peuvent être modifiés s’affichent. Pour en savoir plus sur la façon de filtrer la liste des composants afin de localiser le composant que vous souhaitez modifier, reportez-vous à la section Prévisualiser les composants.
6. Sélectionnez le composant que vous souhaitez modifier.
   Si un avertissement s’affiche dans l’onglet de modification, vous devez résoudre tous les avertissements à l’intérieur du panneau d’interaction du composant pour supprimer le signe d’avertissement du composant.
7. Dans le panneau de style configurable, modifiez les accroches de thème disponibles pour le composant sélectionné selon vos besoins.

   Les crochets de thème modifiables disponibles dépendent du type de composant que vous avez sélectionné. Par exemple, si vous sélectionnez un composant de badge, vous pouvez modifier les couleurs et les points d’accroche d’accessibilité du badge. Si vous sélectionnez un composant de lien de texte, vous pouvez modifier la couleur de base et les points d’accroche d’accessibilité.

   Une fois que vous avez mis à jour les hooks spécifiques au composant, toutes les modifications que vous apportez au style global ne mettent pas à jour les styles du composant, car les styles spécifiques au composant sont prioritaires sur les styles définis globalement.

8. Si vous sélectionnez une couleur à modifier, le sélecteur de couleurs s’ouvre.

   Figure 2. Sélecteur de couleurs

   

   Remarque :

   Par défaut, le sélecteur de couleurs affiche toutes les couleurs disponibles pour le composant. Vous pouvez sélectionner le curseur Masquer les choix inaccessibles pour limiter les choix de couleurs à celles identifiées comme accessibles, conformément aux directives WCAG actuelles.
9. Lorsque vous avez terminé vos modifications, sélectionnez Enregistrer les modifications.
10. Lorsque vous examinez les composants répertoriés dans la page d’édition, notez que certains composants peuvent afficher le symbole suivant.

    

    Remarque :

    Le symbole d’avertissement d’accessibilité indique que le contraste de couleur du composant sélectionné n’est pas conforme aux normes d’accessibilité WCAG 2.1 en matière de contraste des couleurs. Pour plus d'informations, consultez Ajuster les composants pour respecter les normes d’accessibilité.