À propos

Colophon

Les choix techniques et éthiques derrière ce site.

Pourquoi ce site existe

Ce site est ma fiche d'identité numérique. L'objectif est simple : quand quelqu'un cherche « Florian Beaufils » sur Internet, il tombe ici, et il sait en moins d'une minute qui je suis et ce que je fais.

Ce qu'il n'est pas :

  • Pas un portfolio — les études de cas vivent ailleurs, sur un site privé partagé sur demande
  • Pas un blog — pas de note publiée pour le moment
  • Pas une page de prise de rendez-vous — un email suffit

Stack technique

  • Framework : Astro
  • Styles : CSS pur, design tokens centralisés, aucun framework CSS
  • JavaScript : minimal, uniquement pour les interactions nécessaires (bascule de thème, panneau de confort, micro-interactions)
  • Polices : système exclusivement (zéro requête HTTP, zéro chargement)
  • Hébergement : Cloudflare Pages
  • Domaines : florianbeaufils.com et florianbeaufils.fr (le .fr redirige vers le .com)

Éco-conception

Le site s'aligne sur les référentiels RGESN de la Direction Interministérielle du Numérique et GR491 de l'Institut du Numérique Responsable. Les choix concrets :

  • Polices système — aucune police téléchargée, donc aucune requête réseau pour la typographie
  • Icônes — SVG inline, aucune bibliothèque chargée
  • Images — formats modernes (WebP, AVIF), dimensions adaptées, chargement différé (loading="lazy")
  • Aucun script tiers — pas de chargement vers Google, Meta ou un quelconque CDN externe
  • Aucun outil de profilage commercial (voir « Vie privée » ci-dessous)
  • Poids cible — moins de 500 Ko au premier chargement

Les notes de performance environnementale (EcoIndex, Website Carbon) sont publiées dans la déclaration d'accessibilité.

Accessibilité

L'accessibilité d'un site web ne commence pas sur le site : elle commence dans les préférences système de la personne qui le visite. Taille de texte, contraste élevé, lecteur d'écran, loupe, réduction des animations — ce sont les outils que les personnes en situation de handicap configurent une fois, à l'échelle de leur appareil. Un site bien fait respecte ces choix sans demander à être reconfiguré.

Ce site vise les standards WCAG 2.2 niveau AA (AAA visé sur les contrastes critiques), RGAA et EAA. Concrètement :

  • Préférences système respectées : prefers-color-scheme (mode sombre/clair), prefers-reduced-motion (animations), prefers-contrast (contraste élevé), prefers-reduced-data (économie de données)
  • Sémantique HTML stricte et hiérarchie des titres respectée
  • Tous les éléments interactifs accessibles au clavier, focus visible distinctif
  • Zone interactive minimale 44×44 px sur tous les éléments cliquables (Loi de Fitts, WCAG 2.5.8)
  • Lien d'évitement (« Aller au contenu principal ») dès la première tabulation

En complément, un panneau de confort permet d'ajuster ponctuellement l'affichage : taille du texte, espacement, alignement, contraste, masquage des images, arrêt des animations, et plus encore. Ce panneau est un complément pour des besoins contextuels (fatigue, écran prêté, préférence ponctuelle) — il ne remplace pas les outils d'assistance configurés au niveau de l'OS, qui restent prioritaires.

Le détail complet de la conformité, des résultats d'audit et des moyens de signaler un problème figure dans la déclaration d'accessibilité.

Vie privée

  • Aucun cookie tiers
  • Aucun pixel de reciblage publicitaire ni outil tiers de profilage (pas de Meta Pixel, pas de LinkedIn Insight Tag, pas de Google Tag Manager)
  • Aucune donnée personnelle collectée sans interaction explicite
  • Mesure d'audience minimale via Cloudflare Web Analytics — désactivable à tout moment via le panneau de confort

Cloudflare Web Analytics a été retenu pour son alignement avec la philosophie du site :

  • Cookieless (aucun cookie posé sur votre navigateur)
  • Sans collecte d'adresse IP stockée
  • Sans empreinte numérique (fingerprinting)
  • Pas de profil utilisateur cross-site

Le panneau de confort embarque un toggle « Mesure d'audience » dans sa section « Vie privée ». Quand vous le désactivez, aucun script de mesure n'est chargé au rechargement suivant : zéro requête HTTP vers Cloudflare, zéro ping de mesure depuis votre navigateur.

La liste exhaustive des outils utilisés et leur rôle figure dans la politique de confidentialité.