Changelog

Cohérence UI — Footers

• Harmonisation des footers : Alignement de .version-link sur le style des liens de l'index — même font-size (0.85rem), font-weight (500) et opacity (0.85). Suppression du text-decoration: underline incohérent sur .page-footer a.
• Espacement footer Recommandations : Remplacement des séparateurs . par • et compactage du HTML sur une ligne pour un espacement strictement uniforme entre les éléments inline.
• Correctif .version-link : Passage en display: inline (suppression du padding: 8px) pour éviter un espace visuel asymétrique lorsque le lien est inclus dans du texte courant.

Audit Scan 360 v4 — Correctifs P0 à P2

• Sécurité (P0) : Suppression de l'email Gmail en clair dans le CSS d'impression — remplacé par attr(data-print-email) pour préserver l'obfuscation JS.
• Sécurité (P0) : Suppression du faux encodage Base64 dans more.js — l'URL du Book PDF est désormais directe avec commentaire explicatif honnête.
• SEO (P1) : Ajout de la balise og:title manquante dans index.html — optimise le partage sur LinkedIn, WhatsApp et Facebook.
• AEO (P1) : Remplacement du schéma JSON-LD Person par CreativeWork sur la page étude de cas SNCF — meilleure indexation Knowledge Graph.
• Compatibilité (P2) : Protection try/catch ajoutée sur localStorage.getItem hors IIFE pour éviter un crash en navigation privée Safari.
• Compatibilité dark mode : Revert d'une régression sur la gestion des icônes soleil/lune — retour à style.display pour garantir leur visibilité à l'initialisation.
• Accessibilité RGAA (P2) : Ajout du cite attribut sur le <blockquote> et de la balise <cite> sur la source Frédérique Maurel — conformité critère 1.1.
• Performance RGESN (P2) : Réintégration de content-visibility: auto sur .social-proof — lazy rendering natif.

Optimisations Expertes

• Meta description (OPT-01) : Correction de la virgule manquante et reformulation SEO plus explicite.
• JSON-LD Person (OPT-02) : Enrichissement avec availableLanguage, address (Lyon / Auvergne-Rhône-Alpes) et ajout de CRO / UX Writing dans knowsAbout.
• UX (OPT-06) : Toast accessible (role="status", aria-live="polite") après clic sur le lien email — informe l'utilisateur et propose LinkedIn en alternative si le client mail est absent.
• RGPD (OPT-09) : La date de disponibilité validUntil n'est plus exposée en clair dans l'objet global JS — remplacée par un getter dynamique sur le DOM.
• Accessibilité (OPT-10) : Focus sur le h2 du dialog Konami corrigé via :focus:not(:focus-visible) — outline conservé pour les utilisateurs clavier et lecteurs d'écran.

Optimisation Performance & Sécurité

• Performance (CLS) : Élimination du Cumulative Layout Shift sur la section témoignages et amélioration du min-height du rotateur de phrases sur mobile.
• Accessibilité (100%) : Correction du label-content-name-mismatch sur les labels ARIA et renforcement du contraste des couleurs sur le badge de disponibilité et les signatures.
• Lighthouse : Atteinte du score cible de 100/100 en Accessibilité et SEO.

Accessibilité et conformité RGAA 4.1.2

• Contraste parfait (Critère 3.3) : Augmentation des opacités sur les liens secondaires (.case-link, .journal-link, et pieds de page) pour garantir un ratio de contraste d'au moins 3:1 avec leur arrière-plan.
• Liens textuels explicites (Critère 10.6) : Ajout systématique d'un soulignement visible indépendamment de la couleur d'accent pour tous les liens injectés de manière fluide dans du texte classique.
• Liens contextuels (Critère 6.1) : Ajout d'attributs ARIA stricts (ex: aria-label spécifique sur "Voir le projet") pour que les lectures hors de leur contexte visuel demeurent toujours claires pour les lecteurs d'écran.
• Accessibilité des documents PDF (Critère 13.3) : Les liens vers les documents téléchargeables informent désormais explicitement l'utilisateur de l'extension de fichier et de l'ouverture dans une nouvelle fenêtre.

Composants de Navigation & UI

• Uniformisation du Changelog : Création de cette page unique et versionnée permettant de documenter systématiquement toutes les implémentations pour plus de transparence technique.
• Version Link : Les métadonnées du pied de page pointent désormais interactivement vers le Changelog.

Architecture structurelle

• Harmonisation des espacements marginaux et des largeurs maximales parentes (alignement sur index.html) sur la totalité des sections principales du site (page « Transparence », « Recommandations » et vues documentaires).
• Refonte de la disposition sémantique sur la page de Recommandations. Implémentation complète de balises `

  ` / `

Ergonomie et Fluidité du parcours

• Ajout fluide d'une ancre d'interaction `Retour en Haut` permettant un redressement scroll rapide sur les grands gabarits transversaux (telles que les pages « Bonnes Pratiques » et « Témoignages »).
• Refonte totale du module Skip-link (lien d'évitement) : Remplacement de l'ancienne méthode de masquage CSS basée sur une animation (transform: translateY(-150%) qui provoquait des bugs de positionnement) par une méthode d'escamotage robuste inspirée du motif .sr-only (taille de 1px recadrée via clip) s'affichant en position fixed au clavier.

Refonte des principes Transparents

• Remaniement de l'approche communicationnelle d'accessibilité vers un espace dédié. Remplacement de l'architecture modale « RGESN » en un répertoire exhaustif global des engagements Web et Dev.
• Restructuration de l'index de contenu en huit catégories méticuleuses reflétant les standards majeurs de sécurité et d'ingénierie front-end.
• Premières itérations architecturales pour un meilleur encadrement ARIA et sémantisme SEO en Single Page (révisant les fusions canoniques et descriptions de l'auteur).

Design System & Typographie

• Harmonisation des composants textuels et restauration de la typographie de marque (`Plus Jakarta Sans`) de façon consistante sur tous les nœuds de la page d'accueil (Hero section, animations rotatives et liens).
• Alignements de la nomenclature des polices hébergées localement avec les déclarations CSS pour garantir l'indépendance de chargement (Zéro tracker externe/Google Fonts).
• Restauration du discours de marque originel sur les phrases rotatives (`app.js`) pour refléter précisément la philosophie d'interface ciblée par Grégory Desplaces.

Optimisation d'Impression (Print CSS)

• Refonte du comportement physique de l'interface lors de l'impression : nettoyage des cibles interactives, passage en schéma colorimétrique strict (Noir & Blanc), et épuration des ancrages non pertinents pour un rendu net sur papier.

SEO Technique & Référencement IA (AEO)

• Enrichissement sémantique des structures de données (JSON-LD) avec la triple intégration des schémas WebSite, Person, et ProfessionalService pour maximiser la lisibilité algorithmique.
• Actualisation des balises métadonnées Open Graph (Facebook/LinkedIn) et Twitter Cards afin d'améliorer l'expérience de partage des URLs.
• Affinage du contexte des robots d'exploration : validation des URLs canoniques, attributs d'accessibilité sur les icônes de structure, et configurations ciblées dans le robots.txt.

Mode Sombre & Ergonomie Globale

• Implémentation complète d'un thème "Dark Mode" adaptatif, respectant à la fois les préférences du système d'exploitation et laissant un droit de forçage manuel à l'utilisateur via une interface de toggle dédiée.
• Mise en place d'une architecture de variables CSS natives gérant des palettes sémantiques réactives selon le contexte d'éclairage.
• Rationalisation des espaces sur une grille rythmique de 8 pixels, augmentant la clarté, l'aération et la cohérence de l'Information Architecture (IA).
• Mise en conformité RGPD (suppression des traceurs inutiles) et RGESN (allègement des actifs multimédias pour l'éco-conception).
• Retouches UI ciblées assurant un dimensionnement suffisant (Touch Targets) des icônes pour la navigation tactile.