Modèle d'accessibilité
Audit d'accessibilité et certification de conformité
Nos modèles d’accessibilité ont fait l’objet d’un audit indépendant Third-party afin de vérifier leur conformité avec les principales normes d’accessibilité web. L’audit a confirmé un score de conformité de 100 % par rapport à :
RGAA 4.1.2 (Référentiel Général d'Amélioration de l'Accessibilité)
WCAG 2.2 (Web Content Accessibility Guidelines, niveau AA)
RAWeb 1.1 (Référentiel Accessibilité Web)
Ce résultat confirme que, lorsqu’il est implémenté tel que fourni, le modèle d’accessibilité répond aux critères techniques requis pour garantir un accès égal aux bannières de consentement et au Privacy Center pour les personnes en situation de handicap.
Vous pouvez consulter ici la déclaration d’accessibilité complète (déclaration de conformité) :
Normes d’accessibilité : offrir une privacy pleinement fonctionnelle pour les personnes en situation de handicap
Parmi les modèles disponibles, 2 sont dédiés à l’accessibilité. Cela garantit la compatibilité avec les normes RGAA 4.1.2, WCAG 2.2 niveau AA et RAWeb 1.1.
N'oubliez pas d'utiliser notre dernier modèle Privacy Center
Les Web Content Accessibility Guidelines (WCAG) sont élaborées dans le cadre du processus W3C en coopération avec des personnes et des organisations du monde entier, dans le but de fournir une norme unique et partagée d’accessibilité du contenu web qui répond aux besoins des individus, des organisations et des gouvernements à l’échelle internationale.
Plus d'informations ici : https://www.w3.org/WAI/standards-guidelines/wcag/
Qu'est-ce que l'accessibilité web ?
Lorsque les sites web et les outils web sont correctement conçus et codés, les personnes en situation de handicap peuvent les utiliser. Cependant, de nombreux sites et outils sont actuellement développés avec des obstacles à l’accessibilité qui les rendent difficiles, voire impossibles à utiliser pour certaines personnes.
Rendre le web accessible profite aux individus, aux entreprises et à la société. Les normes web internationales définissent ce qui est nécessaire pour l’accessibilité.
L’accessibilité web signifie que les sites web, les outils et les technologies sont conçus et développés de manière à ce que les personnes en situation de handicap puissent les utiliser. Plus précisément, les personnes peuvent :
percevoir, comprendre, naviguer et interagir avec le Web
contribuer au Web
Avec ce modèle, l’objectif principal est d’offrir une privacy pleinement fonctionnelle pour les personnes en situation de handicap.
Traduction
Le modèle Accessibility fournit une traduction automatique de différents libellés. Cette traduction est basée sur la langue du navigateur. Actuellement, il prend en charge : l’italien, l’anglais, l’allemand, le français, l’espagnol, le portugais, le néerlandais et le russe.
Options :
1. Personnaliser la traduction
Bannières
Vous pouvez soit ajouter une nouvelle traduction, soit remplacer les libellés aria en utilisant la fonction tC.privacy.addTranslation() dans le JS personnalisé.
Libellés disponibles :
iframeTitle : Attribut title de l'iframe
privacyLabel : Libellé aria du pied de page
acceptAria : Libellé aria du bouton d'acceptation
refuseAria : Libellé aria du bouton de refus
showPcAria : Libellé aria du bouton « Afficher Privacy Center »
Exemple :
Privacy Center
⚠️ Pour traduire la privacy, vous devez utiliser une autre fonction : pc.addTranslation()
Clés disponibles et leurs valeurs :
Certaines traductions acceptent un libellé sous la forme {label}. Ici, le libellé est toujours celui de la catégorie.
Les clés avec SrPrefix/SrSuffix ont une traduction vide par défaut. Ces clés sont utilisées pour le texte « sr-only », qui est placé avant et après le nom de la catégorie. Ce texte n'est lisible que par un lecteur d'écran.
cookieSr sont utilisés lorsque la catégorie n’est pas verrouillée
cookieAlwaysOnSr remplace cookieSr si la catégorie est bloquée sur activée
Exemple :
2. Forcer la traduction
Par défaut, les textes fournis aux lecteurs d’écran sont traduits en fonction de la langue du navigateur. Dans certains cas, vous pouvez vouloir afficher une privacy en anglais par exemple, même si la langue du navigateur est une autre. par exemple : avec un code langue ISO dans l'URL
Vous pouvez forcer la privacy à prendre une langue en utilisant la fonction setLocale dans le champ Privacy Center > Custom JS > bloc JS avant :
La valeur peut être : fr, it, de, ru, es, pt, nl ou en
Remarque : cette fonction doit être placée après la déclaration de traduction.
3. Piège de focus
Le piège de focus est une option d’accessibilité conçue pour que la navigation au clavier soit verrouillée sur la bannière. L’appui sur la touche TAB ferait défiler en boucle les différents éléments de navigation de la bannière sans aller sur votre site web. C'est une recommandation d'accessibilité lors de l'utilisation d'une modale sur une page web.
Vous pouvez désactiver le piège de focus en ajoutant l’extrait JavaScript suivant au JS personnalisé de la bannière du modèle d’accessibilité :
Bonnes pratiques
Évitez trop de personnalisations CSS sur vos bannières d’accessibilité
Si vous ajoutez une image (comme un logo), n’oubliez pas d’ajouter des attributs aria-label
Faites attention au contraste de vos couleurs, certains éléments peuvent être impossibles à lire si le contraste entre l’arrière-plan et les polices est trop faible. Vous pouvez utiliser des outils externes pour le vérifier, comme https://coolors.co/contrast-checker/000000-ffffff
Dans votre Privacy Center, évitez les styles de boutons "switch" et "check box". Utilisez de vrais "boutons" : c'est une exigence pour être pleinement conforme aux normes WCAG
Évitez la position des boutons "neutres" ; la bonne pratique est "État par défaut = Désactivé"
Mis à jour
Ce contenu vous a-t-il été utile ?