Personnaliser les couleurs de votre plateforme

Les administrateurs plateforme peuvent personnaliser les couleurs de la plateforme pour tous les groupes. Sur les plateformes avec la solution Extended Academies, les administrateurs de groupe peuvent également personnaliser les couleurs de chaque groupe. Voir Personnaliser les couleurs d'un groupe.

Vous pouvez personnaliser les couleurs de la plateforme à 3 endroits :

• Couleur principale : Ceci affecte les boutons sur les pages de la plateforme, les boîtes de dialogue et les notifications par e-mail. Elle colore également la puce de navigation supérieure de votre page actuelle, les liens, les éléments mis en surbrillance et les étiquettes de filtre.
• La couleur de fond : utilisée pour l’arrière plan de la section principale de la page d'accueil, la page de groupe et des pages de profil. La couleur de fond n’est pas visible dans la page de résultats de recherche, ni en jouant ou modifiant des contenus de formation.
• Barre latérale : Cette couleur apparaît sur la barre de navigation latérale dans toute la plateforme, sauf lorsque vous jouez du contenu de formation.
• Arrière-plan "Mon travail" : Ceci est l'arrière-plan de la section "Mon travail" sur la page d'accueil.

Si vous ne voyez pas de changement dans les couleurs après avoir modifié les paramètres, cela peut être lié à l’activation du CSS sur votre plateforme. Contactez le propriétaire de votre plateforme pour en savoir plus.

Sur les plateformes dotées de la solution Extended Academies, vous pouvez personnaliser les couleurs de chaque groupe. Pour plus d’informations, consultez Personnaliser les couleurs d’un groupe.

Modifier les couleurs de la plateforme

1. Dans la barre de gauche, survolez le groupe plateforme (avec la couronne) et cliquez sur  Paramètres.
   • Si Paramètres n’apparaît pas dans votre barre latérale, cliquez d’abord sur le groupe plateforme, puis sur Paramètres en haut à droite de la section principale.
2. Dans la barre de gauche, cliquez sur Identité visuelle.
3. Cliquez sur le champ en dessous de Couleur principale, Couleur de fond, Couleur de fond de la section "Mon travail" ou Barre latérale pour modifier la couleur.
   • Pour utiliser un code HEX, cliquez sur le côté droit du champ, et entrez le code directement.
     
   • Pour utiliser l'outil pipette, cliquez sur l'aperçu de couleur sur le côté gauche du champ, changez le spectre, puis cliquez quelque part dans la zone de couleur. Ensuite, cliquez à l'extérieur du menu.
     
   • Pour utiliser un code RVB ou HSL, cliquez sur l'aperçu de couleur sur le côté gauche du champ, puis entrez la valeur dans les champs. Ensuite, cliquez en dehors du menu.
     Si vous sélectionnez une couleur d'arrière-plan de plateforme avec un contraste insuffisant par rapport à la couleur principale, la plateforme affiche un avertissement. Vous pouvez toujours appliquer les couleurs sélectionnées, mais le résultat peut affecter la lisibilité et l'accessibilité. Pour plus d'informations, voir À propos du rapport de contraste.
4. En bas à droite, cliquez sur Aperçu pour visualiser les modifications sur la page d'accueil, le menu de navigation de gauche et les notifications par e-mail. Vous pouvez cliquer sur Annuler pour revenir aux valeurs précédentes.
5. Si les nouvelles couleurs vous plaisent, cliquez sur Appliquer.

La plateforme adapte les couleurs du texte et des icônes pour assurer le meilleur contraste avec la couleur de fond de la plateforme, conformément aux Web Content Accessibility Guidelines (WCAG) :

• Si la couleur de fond de la plateforme est sombre, le texte et les icônes seront en blanc.
• Si la couleur de fond de la plateforme est claire, le texte et les icônes seront en noir.

Revenir aux couleurs par défaut de la plateforme

Couleurs par défaut de la plateforme

Si vous n'avez pas personnalisé les couleurs de votre plateforme, les valeurs par défaut suivantes seront utilisées :

• Couleur principale : #1E57D1
• Couleur de fond plateforme : #FFFFFF
• Couleur de fond de la section "Mon travail": #F7F4EE
• Barre latérale : #FFFFFF

Si vous avez personnalisé les couleurs de votre plateforme, vous pouvez les rétablir à leurs valeurs par défaut. Ces valeurs par défaut se propageront automatiquement aux sous-groupes, jusqu’à ce qu’ils atteignent un groupe avec ses propres valeurs personnalisées.

Pour rétablir les couleurs par défaut de la plateforme :

1. Dans la barre de gauche, survolez le groupe plateforme (avec la couronne) et cliquez sur  Paramètres.
   • Si Paramètres n’apparaît pas dans votre barre latérale, cliquez d’abord sur le groupe plateforme, puis sur Paramètres en haut à droite de la section principale.
2. Dans la barre de gauche, cliquez sur Identité visuelle.
3. Cliquez sur Réinitialisation à la valeur par défaut
4. En bas à droite, cliquez sur Aperçu pour visualiser les modifications sur la page d'accueil, le menu de navigation de gauche et les notifications par e-mail. Vous pouvez cliquer sur Annuler pour revenir aux valeurs précédentes.
5. Si les nouvelles couleurs vous plaisent, cliquez sur Appliquer.

Contraste

Le contraste de couleur fait référence à la différence de luminance, ou d'intensité de lumière émise, entre 2 couleurs adjacentes sur un écran. Une formule mathématique mesure le contraste sur une échelle de 1:1 à 21:1, les valeurs les plus élevées indiquant un meilleur contraste.

Lorsque vous choisissez les couleurs de votre plateforme, gardez à l’esprit que le taux de contraste entre la couleur principale et la couleur de fond aura des conséquences sur la lisibilité de votre plateforme. Un contraste suffisant permet une meilleure expérience pour tous·tes — qu’il s’agisse de personnes avec un handicap visuel, ou qui utilisent un appareil avec un petit écran, ou en plein soleil du désert à midi.

Les Web Content Accessibility Guidelines (WCAG) définissent des ratios de contraste minimum pour 3 niveaux de conformité :

• A : minimum. Aucun taux de contraste minimum n’est requis.
• AA : acceptable. Taux de contraste supérieur à 4.5:1.
• AAA : optimal. Taux de contraste supérieur à 7:1.

Nous recommandons un taux de contraste d’au moins 4.5:1 (« acceptable », d’après le standard WCAG), mais les exigences de conformité de votre entreprise peuvent nécessiter un niveau plus élevé.

Pour mesurer le taux de contraste entre votre couleur principale et couleur de fond :

1. Lancez une appli de mesure de contraste, par exemple :
   • Vérificateur de contraste WebAIM
   • Vérificateur de contraste des couleurs WCAG
   • Colour Contrast Checker Chrome Extension
2. Dans les champs correspondant à Foreground et Background, entrez les code HEX des couleurs de votre couleur principale et couleur de fond.
3. Si le taux de contraste est inférieur à 4.5:1, il est en dessous du niveau de conformité AA (« acceptable »).

Lorsque vous sélectionnez la couleur de fond, la plateforme adapte automatiquement le texte et la couleur des icônes pour avoir le meilleur taux de contraste.

Liste des notifications mail dont la couleur du bouton est personnalisable

Traduction : Les personnalisations s'appliquent aux notifications par e-mail suivantes :

• [Utilisateur] vous a invité à traduire un module
• [Utilisateur] vous invite à rejoindre l'espace de formation
• [Utilisateur] vous invite à rejoindre l'espace de formation [Nom du groupe]
• Rappel : Vous avez été invité à rejoindre l'espace de formation [nom du groupe]
• [Apprenant] vient d'atteindre : [étape d'évaluation]
• Recommandé pour vous : [nom d'utilisateur]
• Vous avez été inscrit au chemin [nom du chemin]
• [Apprenant] a complété le chemin "[Nom du chemin]"
• Une session de chemin vient de se terminer
• [Rappel] Votre essai gratuit expire dans 5 jours
• [Dernier rappel] Votre essai gratuit a expiré