La conformité d’une bannière de cookies se juge généralement à l’aune de la LPD, du RGPD ou de la LTC. Un autre critère est trop souvent laissé de côté : l’accessibilité numérique. Une bannière inutilisable au clavier, avec un contraste insuffisant ou un texte qui ne se redimensionne pas correctement, exclut une partie des visiteurs — et peut, en Suisse, contrevenir au standard eCH-0059.
eCH-0059 : le standard suisse d’accessibilité numérique
eCH-0059 est le standard e-government suisse relatif à l’accessibilité numérique. Sa version 3.0 s’aligne sur les Web Content Accessibility Guidelines (WCAG) 2.1, niveau AA, et sert de référence pour les sites de l’administration fédérale comme pour un nombre croissant d’acteurs privés soucieux de rendre leur site utilisable par tous et de réduire leur exposition juridique.
Une bannière de cookies, en tant qu’élément interactif présent sur chaque page, est un point de friction fréquent : mal implémentée, elle peut bloquer la navigation au clavier ou rendre le site inutilisable pour une partie des visiteurs tant qu’elle n’a pas été fermée.
Ce que nous avons mis à jour chez biskoui
Nous avons revu l’implémentation de notre bannière de consentement pour répondre favorablement aux critères WCAG 2.1 suivants :
| Critère WCAG | Niveau | Ce que ça change concrètement |
|---|---|---|
| 2.4.3 Focus Order | A | Le focus clavier suit un ordre logique et prévisible à travers la bannière. |
| 2.4.7 Focus Visible / 2.4.11 Focus Appearance | AA | Chaque élément interactif affiche un contour de focus clairement visible. |
| 1.4.3 Contrast (Minimum) | AA | Le texte respecte un ratio de contraste d’au moins 4.5:1 avec son arrière-plan. |
| 1.4.11 Non-text Contrast | AA | Les contours des boutons, cases à cocher et curseurs respectent un ratio de contraste de 3:1. |
| 2.4.1 Bypass Blocks | A | Un mécanisme permet de contourner les blocs de contenu répétés sans devoir les parcourir intégralement. |
| 1.4.4 Resize Text | AA | Le texte peut être agrandi jusqu’à 200% sans perte de contenu ni de fonctionnalité. |
Concrètement, cela signifie qu’un utilisateur naviguant exclusivement au clavier peut désormais accepter, refuser ou personnaliser ses préférences sans jamais perdre le fil du focus. Un utilisateur malvoyant peut agrandir le texte de la bannière sans que celle-ci ne devienne illisible ou ne masque les boutons d’action. Et l’ensemble des éléments interactifs reste identifiable même avec un contraste de couleur réduit.
Pourquoi cela compte pour votre site
Une bannière de cookies non accessible n’est pas seulement un problème d’expérience utilisateur : c’est un point de conformité supplémentaire à traiter, en particulier pour les sites soumis à des obligations d’accessibilité (secteur public, parapublic, ou entreprises visées par des réglementations sectorielles). En s’appuyant sur biskoui, vous héritez de ces correctifs sans avoir à les implémenter vous-même.