Page de Paiement accessible

Jan 14, 2025

1 Fonctionnalités principales
2 Améliorations d’Accessibilité
- 2.1 Taille du texte ajustable
- 2.2 Polices Lexend
- 2.3 Ajustement de l'espacement des lettres
- 2.4 Mode contraste élevé
3 Conformité aux normes d'accessibilité
- 3.1 WCAG 2.1
- 3.2 RGAA
4 Conception et mise en page
5 Mesures de sécurité

La nouvelle page de paiement présente une interface moderne, accessible et conviviale, améliorant l'expérience utilisateur (UX) et l'interface utilisateur (IU). Conçue pour répondre aux besoins d'un public international diversifié, cette page offre une intégration fluide avec de multiples options de paiement.

Fonctionnalités principales

Fonctionnalité	Description

Fonctionnalité	Description
Options de paiement	Carte de crédit : saisissez les informations de la carte (nom, numéro, expiration, code CVC). WeChat et Alipay : modes de paiement alternatifs.
Sélection Cobadge	Les utilisateurs de cartes Cobadge peuvent choisir leur mode de paiement préféré.
Personnalisation	Les commerçants peuvent remplacer le logo par défaut en haut à gauche par le logo de leur entreprise pour une meilleure harmonisation avec leur marque.
Modes sombre et Clair	La page détecte automatiquement le thème du système d'exploitation de l'utilisateur et applique le mode sombre ou clair correspondant.
Informations sur la commande	Affichage de la facture et de l'adresse de facturation pour plus de transparence.
Détails du panier	Une barre latérale optionnelle affiche le sous-total et le total pour plus de clarté.

ℹ️ Remarque : La barre latérale « Détails du panier » peut être activée ou désactivée par les marchands, selon leurs besoins spécifiques.

Améliorations d’Accessibilité

Cette page est conforme aux normes WCAG 2.1 et RGAA et offre les fonctionnalités d'accessibilité suivantes :

Taille du texte ajustable

Les utilisateurs peuvent choisir parmi trois tailles de texte :

Petit (Aa) : Taille standard pour la plupart des utilisateurs.
Moyen (Aa) : Taille augmentée pour une meilleure lisibilité.
Grand (Aa) : Optimisé pour les utilisateurs malvoyants.

💡 Exemple d'utilisation : Un utilisateur malvoyant peut augmenter la taille du texte et activer le mode contraste élevé pour faciliter la navigation.

Polices Lexend

Nous utilisons les polices Lexend, spécialement conçues pour réduire la fatigue visuelle et améliorer les performances de lecture. Initialement destinées aux utilisateurs dyslexiques et aux personnes ayant des difficultés de lecture, ces polices sont également bénéfiques pour tous, améliorant la lisibilité globale.

Ajustement de l'espacement des lettres

Trois niveaux d'espacement pour s'adapter aux préférences de l'utilisateur :

Par défaut (Aa).
Modéré (Aa).
Large (Aa).

Mode contraste élevé

Activez cette option pour améliorer la visibilité du texte en arrière-plan pour les utilisateurs malvoyants ou présentant des troubles visuels spécifiques.

⚠️ Avertissement : Les utilisateurs souffrant de déficiences visuelles complexes peuvent avoir besoin d'outils d'assistance supplémentaires pour une fonctionnalité optimale.

Conformité aux normes d'accessibilité

WCAG 2.1

La page respecte les principes clés suivants :

Perceptible : Des paramètres visuels ajustables rendent le contenu accessible.
Utilisable : Une conception intuitive permet une navigation fluide.
Compréhensible : Des libellés et des messages d'erreur clairs améliorent la convivialité.
Robuste : La compatibilité avec les technologies d'assistance garantit un accès large.

✅ Succès : La page de paiement a passé avec succès les audits d'accessibilité internes, confirmant sa conformité aux normes WCAG 2.1.

RGAA

Nous nous engageons à améliorer continuellement notre conformité en matière d'accessibilité conformément aux normes RGAA.

Nos progrès en matière de conformité RGAA sont documentés dans notre rapport d'auto-évaluation.
Ceci témoigne de notre engagement à garantir l'accessibilité pour tous les utilisateurs.

ℹ️ Remarque : Des mises à jour régulières sont prévues pour améliorer les scores d'accessibilité et maintenir la conformité aux normes RGAA.

Conception et mise en page

Élément	Description

Élément	Description
Options linguistiques	Prise en charge de l'anglais, du français, de l'espagnol, de l'allemand, de l'italien et du 繁體中文.
Validation du formulaire	Des messages d'erreur en temps réel guident les utilisateurs pour corriger leurs erreurs et faciliter la saisie.
Conception adaptative	Optimisé pour les ordinateurs de bureau, les tablettes et les appareils mobiles afin d'offrir une expérience cohérente.

Mesures de sécurité

Garantir la sécurité des transactions et la confidentialité des données :

Traitement sécurisé des paiements : Conforme aux protocoles standard du secteur.
Confidentialité et politiques : Liens clairs vers la politique de confidentialité, les conditions générales, la politique relative aux cookies et le formulaire de réclamation pour la confiance des utilisateurs.