Rester accessible à tous : Concevoir des bannières de cookies avec etracker consent manager

von Olaf Brandt

Le 28 juin 2025 est une date importante pour tous les responsables de sites web et de boutiques en ligne : La loi sur le renforcement de l’accessibilité (BFSG) entre en vigueur. Nous vous montrons ce que vous devez prendre en compte lors de l’adaptation du dialogue de consentement ou de la bannière de cookies.

Une brève digression – WCAG et BFSG

Le Parlement européen et le Conseil ont déjà élaboré en 2019 une directive définissant les exigences d’accessibilité pour les produits et services (voir : https://eur-lex.europa.eu/eli/dir/2019/882/oj?locale=de). Elle s’inspire des principes internationaux des Web Content Accessibility Guidelines (WCAG). Ainsi, les bases du renforcement de l’accessibilité en Europe ont été adoptées. En Allemagne, cette directive est mise en œuvre par la loi sur le renforcement de l’accessibilité (Barrierefreiheitsstärkungsgesetz – BFSG).

Le processus WCAG qui en résulte vérifie l’accessibilité des offres en ligne. On distingue à cet égard trois niveaux de conformité : A, AA, AAA. Cette gradation indique si une caractéristique a une priorité élevée (A) ou faible (AAA). Pour le lancement en juin, les WCAG 2.2 (AA) sont contraignantes(https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/).

Bannière de cookie – premier contact selon WCAG 2.2

Pour la plupart des utilisateurs, la bannière de cookie est le premier contact avec un site Web. Les exigences WCAG 2.2 actuelles sont tout aussi importantes pour la conception de la bannière que pour le site Web lui-même. Au total, il y a quatre principes à respecter :

• Perceptible – placé bien en vue, respect des couleurs contrastées
• Utilisable – utilisable en plus par clavier
• Compréhensible – le texte et les boutons sont clairement définis
• Robuste – Affichage multi-plateforme et multi-terminal

Bannière de cookie accessible d’etracker

Outre etracker analytics et etracker tag manager, etracker consent manager représente un autre élément important de la solution tout-en-un d’etracker.

Par défaut, les contenus et les paramètres de design de la bannière Consent mise à disposition dans etracker consent manager sont exempts de barrières. Cela signifie que dans les paramètres initiaux, etracker a déjà tenu compte de critères tels que la commande par clavier, la lisibilité par lecteur d’écran, les rapports de contraste et la taille suffisante des caractères.

Si des adaptations sont effectuées, par exemple pour répondre aux exigences de l’identité visuelle, le respect de l’accessibilité doit absolument faire partie du processus de conception. Les points suivants doivent être examinés :

• Le texte complété ou modifié est-il (toujours) compréhensible ?
• Le choix des couleurs de l’arrière-plan et du texte correspond-il au rapport de contraste nécessaire ?

Tester les couleurs et les niveaux de contraste

Selon les directives WCAG 2.2 (AA), on distingue trois éléments. Il s’agit du petit texte de moins de 24px/18pt, du grand texte de 24px/18pt ou plus et du “contraste non textuel”, qui se réfère aux icônes ou aux objets graphiques.

Tous ces éléments doivent chacun présenter un certain rapport de contraste :

• Texte de grande taille : Contraste 3:1
• Texte normal : Contraste 4,5:1
• Contraste non textuel : contraste 3:1

Sélection d’outils de test* conformes au minimum à WCAG 2.2 :

• WCAG Color Contrast Checker de Skynet Technologies USA LLC
  https://www.skynettechnologies.com/color-contrast-checker
• DigitalA11Y Color Contrast Checker (Addon) de DigitalA11Y
  https://chromewebstore.google.com/detail/color-contrast-checker-by/hfcoldjibhgbnlambdiecfneiegagkhi?hl=en
• AudioEye Color Contrast Checker de AudioEye
  https://www.audioeye.com/color-contrast-checker/

Résumé – Accessibilité des bannières de cookie

Il est important que les propriétaires de sites Web adaptent leurs offres en ligne aux exigences de la LFSP. Non seulement pour s’assurer qu’ils répondent aux besoins de tous les utilisateurs, mais aussi pour éviter les amendes et les pénalités.

La bannière Consent, qui apparaît généralement en premier sur un site web, doit également répondre à certains critères du BSFG. Ceux-ci sont : Visibilité, facilité d’utilisation, intelligibilité et robustesse.

etracker propose déjà par défaut des contenus et des paramètres de design accessibles dans l’etracker consent manager. Ceux-ci peuvent être adaptés individuellement. En cas d’adaptations ultérieures, il convient toutefois de vérifier des points tels que la lisibilité des textes et le rapport de contraste entre l’arrière-plan et le texte. Des outils qui vérifient par exemple le contraste entre les couleurs aident à s’assurer que les exigences des WCAG 2.2 (AA) sont respectées.

---