Votre site utilise des services tiers ? Soyez conforme au RGPD en quelques minutes.
Essayer FlowConsentPlan gratuit · Installation 10 min
Materialize CSS est un framework front-end open source inspiré du Material Design de Google. Il se présente sous la forme de fichiers CSS et JavaScript statiques que l'éditeur peut héberger lui-même ou charger depuis un CDN public tel que cdnjs, jsDelivr ou unpkg. La bibliothèque ne dépose aucun cookie et ne procède à aucun pistage, mais son chargement depuis un CDN tiers transmet l'adresse IP et le User-Agent du visiteur à ce fournisseur, ce qui soulève des questions au regard du RGPD et de la directive ePrivacy.
Materialize CSS est un framework front-end open source qui met en œuvre la spécification Material Design publiée par Google. Il regroupe une feuille de style, un fichier JavaScript et quelques dépendances d''icônes et de polices. Les éditeurs l''intègrent soit en téléchargeant les fichiers et en les servant depuis leur propre infrastructure, soit en référençant l''un des CDN publics qui en hébergent une copie, comme cdnjs, jsDelivr ou unpkg. Le fonctionnement reste purement présentationnel : grilles, contrôles de formulaire, fenêtres modales et effets ripple sont rendus localement dans le navigateur, sans aucun appel serveur.
Le framework ne dépose aucun cookie, ne lit pas le localStorage et ne déclenche aucune requête de fond vers ses mainteneurs. Les seules données personnelles susceptibles d''atteindre un tiers sont les en-têtes HTTP standards (adresse IP, User-Agent, Referer) transmis au serveur qui livre les fichiers statiques. Lorsque l''éditeur héberge la bibliothèque sur ses propres serveurs, aucun tiers n''est impliqué. Dès qu''un CDN public est utilisé, le navigateur du visiteur ouvre une connexion TLS vers l''opérateur du CDN et ces attributs techniques lui sont transmis.
Aucune information n''étant stockée ou lue dans le terminal, l''article 5.3 de la directive ePrivacy n''impose pas directement de consentement pour le framework lui-même. La décision rendue dans l''affaire Google Fonts par le tribunal de Munich (LG Munich 3 O 17493/20) a néanmoins jugé que la transmission automatique d''une adresse IP à un serveur Google, sans information explicite du visiteur, portait atteinte au droit à l''autodétermination informationnelle dès lors qu''aucun intérêt légitime prépondérant n''était documenté. Ce raisonnement s''applique par analogie à toute livraison de ressources statiques par un CDN tiers, y compris Materialize CSS chargé depuis cdnjs ou unpkg.
Get GDPR compliant in 10 minutes
Free plan available · No credit card required
Les principaux CDN qui distribuent Materialize CSS sont exploités par Cloudflare (cdnjs et unpkg) et Fastly ou Cloudflare (jsDelivr). Tous disposent de points de présence aux États-Unis et acheminent le trafic via un réseau d''edge nodes répartis sur tous les continents. Du point de vue du chapitre V du RGPD, il s''agit d''un transfert vers un pays tiers dès qu''un visiteur européen est routé vers un nœud non européen. La plupart des fournisseurs sont certifiés au titre du Data Privacy Framework UE États-Unis, qui apporte une base d''adéquatité depuis la décision de la Commission de juillet 2023. Les clauses contractuelles types restent l''outil de secours pour les juridictions hors cadre.
Pour un déploiement auto-hébergé, la base légale est un intérêt légitime au sens de l''article 6.1.f et aucune bannière de consentement dédiée n''est nécessaire. Pour une diffusion via CDN, les autorités allemandes, françaises et italiennes ont signalé que le recueil préalable du consentement constitue la voie la plus sûre, surtout depuis l''affaire Google Fonts. Une AIPD complète au sens de l''article 35 n''est pas obligatoire, mais un test de mise en balance et une analyse d''impact des transferts sont vivement recommandés dès que le framework est chargé depuis l''extérieur de l''EEE.
La posture la plus défendable consiste à intégrer les fichiers Materialize CSS dans la chaîne de déploiement de l''éditeur et à les servir depuis le même domaine que le reste du site. Cela supprime les transferts vers des tiers, préserve la performance grâce au multiplexage HTTP/2 et évite toute bannière de consentement dédiée au framework. Si un CDN reste indispensable pour le cache, un opérateur basé en Europe (BunnyCDN, KeyCDN, Scaleway Edge) maintient le trafic dans l''EEE. Parmi les alternatives ouvertes dans le même registre figurent MUI, Bootstrap Material, les forks communautaires de Materialize.css et les Material Web Components officiels.
Les sites web utilisant Materialize CSS doivent obtenir le consentement des utilisateurs conformement au RGPD.
Considerations AIPD
Une AIPD formelle au sens de l'article 35 du RGPD n'est généralement pas exigée pour Materialize CSS, car la bibliothèque ne traite aucune donnée personnelle au-delà de ce qu'implique toute requête HTTP. En revanche, lorsque le framework est chargé depuis un CDN public, un test de mise en balance au titre de l'article 6.1.f et une analyse d'impact des transferts doivent être documentés. Cette analyse compare l'auto-hébergement et la livraison via CDN, et justifie le choix retenu selon des critères de performance, de sécurité et de protection des données.
Exemple de texte de consentement
Ce site utilise le framework Materialize CSS pour la présentation visuelle. Lorsque la bibliothèque est chargée depuis le réseau cdnjs, votre navigateur transmet son adresse IP et son User-Agent à l'opérateur du CDN. Aucun cookie de suivi n'est déposé. Vous pouvez désactiver la diffusion via CDN tiers dans les paramètres cookies, auquel cas le framework sera servi depuis nos propres serveurs.
Domaines tiers contactes
cdnjs.cloudflare.comcdn.jsdelivr.netunpkg.comfonts.googleapis.comCe service peut collecter des donnees utilisateur. Assurez votre conformite RGPD avec FlowConsent.
Non. Le framework Materialize CSS est un ensemble statique de règles CSS, de composants JavaScript et de polices d'icônes. Il n'appelle aucun service backend, n'écrit pas dans document.cookie et n'accède pas au localStorage. Le seul trafic réseau qu'il génère est le téléchargement initial de ses fichiers. Si vous hébergez ces fichiers en interne, aucun tiers ne voit le visiteur.
Non lorsque le framework est servi depuis votre propre domaine : aucun traitement par un tiers, aucun stockage sur le terminal et aucun pistage. Oui (ou une analyse d'intérêt légitime solide) lorsqu'il est chargé depuis un CDN public comme cdnjs, jsDelivr ou unpkg, car l'adresse IP du visiteur est alors transmise à un prestataire tiers susceptible d'héberger ses serveurs aux États-Unis.
En auto-hébergement, la base légale est l'intérêt légitime de l'article 6.1.f du RGPD : le framework rend simplement l'interface, aucune donnée personnelle n'est traitée au-delà des journaux serveur. En CDN, il faut choisir entre le consentement (article 6.1.a combiné à l'article 5.3 ePrivacy) et un intérêt légitime documenté qui résiste à la jurisprudence Google Fonts, idéalement étayé par un test de mise en balance et une analyse d'impact des transferts.
Auto-hébergé sur des serveurs européens, aucun transfert. Chargé depuis cdnjs, jsDelivr ou unpkg, la requête traverse les réseaux mondiaux de Cloudflare ou Fastly, dont l'infrastructure s'étend aux États-Unis et à d'autres pays tiers. La plupart des opérateurs sont certifiés au Data Privacy Framework UE États-Unis, ce qui fournit une base d'adéquation, mais des clauses contractuelles types doivent rester prêtes en secours.
Dans la plupart des cas, non. Le traitement se limite à la livraison de ressources visuelles statiques, les données impliquées sont minimes et les risques pour les personnes faibles. Une AIPD formelle au sens de l'article 35 est réservée aux traitements à haut risque. Une fiche de risque succincte, un test de mise en balance et une analyse d'impact des transferts pour le scénario CDN restent toutefois des éléments prudents à conserver.
Intégrez les fichiers materialize.min.css et materialize.min.js à votre pipeline de build, versionnez-les dans le dossier des assets et servez-les depuis le même hostname que le site. Mirez également la police Material Icons localement. Cette approche supprime toute connexion à un tiers, simplifie la Content Security Policy et évite une bannière de consentement dédiée.
Parmi les frameworks ouverts comparables, MUI propose une bibliothèque React Material Design soignée, Bootstrap Material réutilise la grille Bootstrap et les Material Web Components sont entretenus par l'équipe Material elle-même. Tous peuvent être auto-hébergés sur une infrastructure européenne. Tailwind CSS associé à daisyUI constitue une autre piste légère, entièrement servie en local.
Si vous auto-hébergez les fichiers, une simple mention technique suffit et aucune mise à jour du bandeau cookies n'est nécessaire. Si vous passez par un CDN public, ajoutez à votre politique cookies ou de confidentialité une ligne décrivant le fournisseur, les catégories de données échangées (IP, User-Agent), la base légale retenue et le mécanisme de transfert (DPF ou clauses contractuelles types). Révisez cette mention à chaque changement de fournisseur.