--- title: Personnalisations description: Options de personnalisation du logo, de la couleur des boutons et de la forme pour l'expérience Vérification sans carte présente, avec des recommandations de contraste pour l'accessibilité. canonical: https://developer.unico.io/fr/dual-api/developers/regional-solutions/card-not-present-verification/integration/customizations locale: fr generated_by: markdown-export --- ### Personnalisation du logo Il est possible de personnaliser le logo affiché à l'utilisateur final. Pour demander l'inclusion de ce logo, vous devez envoyer à l'équipe Unico une image au format .PNG, d'une taille de 56x56px. ### Consignes d'utilisation du logo :::warning[Règles] - Privilégiez l'application du logo sur des arrière-plans qui garantissent la lisibilité. - N'utilisez pas de logos qui ne respectent pas la grille carrée. - Évitez d'utiliser des logos en basse résolution. - N'appliquez pas le logo sur des arrière-plans transparents. ::: :::tip[Recommandations] Privilégiez des couleurs offrant un contraste lisible d'au moins `4.5:1`, en suivant les paramètres d'accessibilité [WCAG](https://accessibleweb.com/color-contrast-checker/). Utilisez le code hexadécimal des couleurs pour vérifier l'échelle de contraste. Exemple : couleur de premier plan `#000000`, couleur d'arrière-plan `#FFFFFF`, ratio de contraste `21.00:1`. ::: ### Personnalisation de la couleur et de la forme des boutons Tout au long du processus d'implémentation, il est possible de demander la configuration de la couleur et de la forme des boutons dans l'interface Vérification sans carte présente, selon l'identité visuelle de l'entreprise. :::tip[Recommandations] - **Choisissez des couleurs accessibles :** lors de la personnalisation des couleurs des boutons dans Web et Native, optez pour un schéma de couleurs accessible garantissant la visibilité pour tous les utilisateurs, y compris ceux ayant une déficience visuelle. - **Ratios de contraste :** visez un ratio de contraste supérieur à `4.51:1` pour de meilleurs résultats. Des couleurs accessibles améliorent la navigation pour tout le monde, en particulier pour les personnes malvoyantes. Utilisez les codes de couleur hexadécimaux pour vérifier le contraste et suivez les recommandations [WCAG](https://accessibleweb.com/color-contrast-checker/). - **Exemple :** `#FFFFFF` (texte) sur `#000000` (arrière-plan) donne un ratio de contraste de `21.00:1`. ::: #### Arrondi des coins du bouton En plus des couleurs de texte et d'arrière-plan, vous pouvez également définir l'arrondi des coins du bouton (border-radius) en pixels. #### Paramètres de personnalisation Pour configurer l'identité visuelle du client ou du partenaire pour le bouton, partagez les informations suivantes avec l'équipe d'implémentation d'Unico : - Code de couleur hexadécimal pour l'arrière-plan du bouton. Exemple : `#000000`. - Code de couleur hexadécimal pour le texte du bouton. Exemple : `#ffffff`. - Arrondi des coins du bouton en pixels. Exemple : `10px`.