Accessibilité

Déclaration d'accessibilité

Site : florianbeaufils.com Établie le 17 avril 2026 Dernière révision : 22 mai 2026

Partiellement conforme — auto-évaluation

Le site florianbeaufils.com propose un panneau de confort permettant d'ajuster certains paramètres d'affichage : taille du texte, espacement, hauteur de ligne, contraste, alignement, animations, etc. Ce panneau n'est pas un outil d'accessibilité au sens strict, et il ne doit pas être confondu avec les overlays commerciaux qui se greffent sur un site pour simuler une mise en conformité : il ne remplace ni ne dispense des fondations d'accessibilité natives — sémantique HTML stricte, hiérarchie correcte des titres, contrastes vérifiés, navigation clavier complète, compatibilité avec les technologies d'assistance, conformité aux standards WCAG 2.2 niveau AA, RGAA et EAA. Il s'agit d'un outil de confort additionnel, développé sur mesure pour ce site et sans aucune dépendance tierce, qui s'ajoute à une base déjà conforme.

Cette distinction mérite d'être nommée : certaines pratiques répandues consistent à présenter de tels panneaux comme des solutions d'accessibilité, ce qui entretient une confusion préjudiciable aux personnes concernées.

Engagement en matière d'accessibilité

Florian Beaufils s'engage à rendre le site florianbeaufils.com accessible à toutes et à tous, quels que soient les besoins, les technologies d'assistance utilisées ou les contextes de navigation. Cette démarche s'inscrit dans une conviction professionnelle fondamentale : un design qui exclut n'est pas un bon design.

Cette déclaration est établie conformément aux référentiels RGAA 4.1 et WCAG 2.2 niveau AA, tels que définis respectivement par la Direction Interministérielle du Numérique (DINUM) et le W3C/WAI.

État de conformité

Le site florianbeaufils.com est partiellement conforme au RGAA 4.1 et aux WCAG 2.2 niveau AA. Un audit complet sera conduit lors de la mise en ligne publique du site. Les non-conformités identifiées à ce stade sont documentées ci-dessous.

Le taux de conformité sera mis à jour à l'issue de l'audit. La méthode retenue est l'auto-évaluation assistée par outils automatisés (Axe DevTools, WAVE, Lighthouse), complétée d'une vérification manuelle avec navigation clavier et lecteurs d'écran (VoiceOver macOS, NVDA Windows).

Résultats et démarche d'audit

Démarche

Une auto-évaluation outillée a été conduite le 30 avril 2026, avec deux scanners automatisés exécutés sur les pages publiques du site, en mode clair et en mode sombre. Les résultats sont reportés ci-dessous, suivis des limites inhérentes à ce type d'évaluation.

Outils utilisés

  • axe DevTools (moteur axe-core), édité par Deque Systems
  • Lighthouse, intégré à Chrome DevTools
  • Règles WCAG vérifiées : wcag2a, wcag2aa, wcag21a, wcag21aa, wcag22aa

Périmètre audité

  • Page d'accueil, en français et en anglais
  • Chaque page testée en mode clair et en mode sombre, soit quatre audits au total

Résultats

  • axe-core : zéro violation sur les quatre audits ; 25 à 28 règles WCAG vérifiées par page selon le contexte
  • Lighthouse Accessibility : score de 100 sur 100 sur les deux pages auditées

Correction appliquée pendant l'audit

Lien de retour vers l'accueil — WCAG 2.5.3 « Label in Name »

Pendant l'audit, une discordance a été détectée entre le texte visible des liens de retour à l'accueil (« ← Retour à l'accueil ») et leur étiquette accessible (« Retour à la page d'accueil »). Cet écart pouvait gêner les personnes utilisant un logiciel de pilotage vocal, qui prononce ce qu'elles voient à l'écran : si le mot prononcé n'apparaît pas dans l'étiquette accessible, la commande échoue. L'étiquette redondante a été retirée — le texte visible suffit désormais comme nom accessible. Trois liens corrigés, dans les deux langues.

Critère concerné : WCAG 2.5.3 (Label in Name)

Limites de l'audit

Les outils automatisés (axe-core, Lighthouse) couvrent une partie significative des critères WCAG, mais ne remplacent ni un audit manuel exhaustif ni un audit RGAA conduit par un prestataire externe certifié. Le site a été conçu selon les standards WCAG 2.2 niveau AA, RGAA et EAA, sans pour autant faire l'objet d'une certification externe à ce stade.

Audit RGAA en cours

Un audit formel sur les 106 critères du RGAA version 4.1.2 a été engagé le 20 mai 2026 via Ara, l'outil officiel de la Direction interministérielle du numérique (DINUM). Il porte sur cinq pages représentatives : accueil, politique de confidentialité, mentions légales, déclaration d'accessibilité et plan du site. Le rapport est consultable publiquement, en état provisoire pendant la durée de l'audit : voir le rapport Ara. Le taux de conformité global sera publié à la clôture de l'audit et reporté dans cette déclaration.

Tests complémentaires — clavier et lecteur d'écran (mai 2026)

En complément des outils automatisés du 30 avril, une campagne manuelle a été conduite les 21 et 22 mai 2026 sur :

  • la navigation clavier complète (Tab, Shift+Tab, Entrée, Échap) sur l'ensemble des pages publiques en français et en anglais ;
  • la lecture par VoiceOver (macOS Safari) sur la page d'accueil et la gestion du focus du panneau de confort ;
  • la couverture des préférences système (prefers-reduced-motion, prefers-color-scheme, prefers-contrast, prefers-reduced-data).

Résultats :

  • Ordre de tabulation cohérent avec l'ordre visuel, aucun piège clavier détecté.
  • Lien d'évitement (« Aller au contenu principal ») actif dès la première tabulation.
  • Panneau de confort : focus restauré sur le bouton déclencheur à la fermeture, attributs inert et aria-hidden correctement appliqués à la fermeture, parité ARIA française / anglaise vérifiée.
  • Préférences système : 10 règles CSS dédiées à prefers-reduced-motion, trois préférences supplémentaires couvertes (prefers-contrast: more, prefers-reduced-data, prefers-reduced-transparency). Détection de prefers-color-scheme faite côté JavaScript dans le <head> pour éviter le flash de thème au premier chargement.

Défaut identifié et corrigé pendant ces tests :

Lien de contact dans la bio — WCAG 2.5.3 « Label in Name »

Le lien de contact rendait la phrase « Pour échanger. » de manière saccadée par VoiceOver : en navigation élément par élément, le « Pour » et le « . » étaient lus comme fragments séparés autour du lien. Par ailleurs, l'aria-label qui surchargeait le nom accessible ne contenait pas le texte visible « échanger » (violation WCAG 2.5.3). Correction : l'intégralité de la phrase cliquable est désormais portée par le lien (« Pour échanger » en français, « Get in touch » en anglais), et l'aria-label redondant a été retiré — le texte visible fait office de nom accessible. La lecture VoiceOver enchaîne d'un seul tenant, et le critère 2.5.3 est satisfait.

Critère concerné : WCAG 2.5.3 (Label in Name)

Amélioration ajoutée à l'issue des tests : une couche de règles dédiées au mode Contrast Themes de Windows 11 (anciennement High Contrast Mode) a été ajoutée le 22 mai 2026 dans la feuille de styles globale : indicateur de focus via la couleur système Highlight, contour de boutons via ButtonBorder, liens via LinkText / VisitedText, neutralisation de l'effet grain décoratif. Cette couche reste à valider sur un poste Windows réel ; les retours d'utilisateurs concernés sont bienvenus via le formulaire de signalement décrit ci-dessous.

Dérogations

Aucune dérogation pour charge disproportionnée n'est invoquée à ce stade.

Panneau de confort utilisateur

Comme indiqué en préambule, ce panneau est un outil de confort additionnel, et non une couche de mise en conformité d'accessibilité. Il a été développé en interne en HTML/CSS/JavaScript natif, sans aucune dépendance tierce, et ses préférences sont persistées localement dans le navigateur via localStorage (aucune donnée n'est envoyée à un serveur). Il est accessible via le raccourci clavier Ctrl + Shift + A ou via le bouton dédié dans l'interface.

  • Profils rapides

    Confort visuel (contraste élevé, animations stoppées, saturation réduite) et Lecture facilitée (texte agrandi, espacement et interligne augmentés).

  • Taille du texte

    4 niveaux : 100% · 112% · 125% · 150%. Ajustement global sans rechargement de page.

  • Espacement & interligne

    Espacement du texte sur 4 niveaux. Hauteur de ligne sur 3 niveaux. Alignement du texte : gauche, centré, droite, justifié.

  • Contraste & couleurs

    Contraste élevé (toggle). Saturation des couleurs sur 3 niveaux : normale, réduite, niveaux de gris.

  • Affichage

    Surlignage des liens, masquage des images, agrandissement du curseur : chacun activable indépendamment.

  • Mouvement

    Arrêt de toutes les animations (désactive également le curseur personnalisé et l'effet de grain). Conforme au critère WCAG 2.3.3.

  • Plan de la page

    Liste des titres h1–h6 détectés dans le contenu principal, avec liens d'ancrage cliquables pour navigation rapide.

Un bouton de réinitialisation remet l'ensemble des paramètres à leur valeur par défaut en un clic. Le panneau peut également être fermé via la touche Échap. Le site reste pleinement utilisable et conforme sans ce panneau : ses paramètres sont des préférences de confort, pas des correctifs d'accessibilité — l'accessibilité réelle du site repose sur les fondations natives détaillées dans les sections suivantes.

Éco-conception numérique

Ce site a été conçu selon une démarche d'éco-conception, en cohérence avec les principes du Référentiel Général d'Écoconception de Services Numériques (RGESN) publié par la Direction Interministérielle du Numérique.

Choix techniques sobres

  • Aucune bibliothèque JavaScript externe : l'ensemble des interactions est codé en JavaScript natif.
  • Aucun framework CSS : CSS pur avec propriétés personnalisées natives.
  • Aucune police téléchargée : utilisation exclusive des polices système de l'appareil, zéro requête HTTP pour les fonts.
  • Aucun outil tiers de tracking comportemental : la mesure d'audience repose sur Cloudflare Web Analytics, cookieless, sans adresse IP stockée et désactivable depuis le panneau de confort.
  • Aucun visuel tiers : les éléments graphiques sont des formes CSS ou des créations originales.
  • Hébergement sur infrastructure optimisée (Cloudflare Pages), avec réseau Edge mondial et déploiement statique.

Ces choix réduisent le poids des pages, les requêtes réseau et l'empreinte carbone liée à la consultation du site, tout en améliorant les performances perçues.

Performance environnementale

Ces choix se traduisent par des indicateurs publics, mesurés par deux référentiels indépendants :

  • EcoIndex — note A. Référentiel français porté par le collectif Numérique Responsable. Voir le rapport.
  • Website Carbon — note A+. Empreinte carbone par page calculée par l'agence Wholegrain Digital : environ 0,01 g de CO₂ par visite, site alimenté par une énergie durable, plus propre que 99 % des pages web testées dans le monde (relevé du 20 mai 2026). Voir le rapport.

Ces notes sont relevées et mises à jour manuellement à chaque évolution majeure du site, afin d'éviter toute requête HTTP tierce sur les pages publiques.

Technologies et environnement

Le site est développé avec les technologies suivantes :

  • HTML5 sémantique
  • CSS3 (variables natives, media queries, prefers-reduced-motion, prefers-color-scheme)
  • JavaScript natif (ES6+), sans framework
  • Hébergement : Cloudflare Pages (déploiement continu, Edge mondial)
  • Domaine : florianbeaufils.com (registrar Infomaniak)

Les technologies d'assistance suivantes ont été utilisées pour les vérifications manuelles : VoiceOver (macOS Safari), NVDA (Windows Firefox), navigation clavier exclusive (Tab, Shift+Tab, Entrée, Échap, touches directionnelles).

Signaler un problème d'accessibilité

Si vous rencontrez un obstacle à l'accès à un contenu ou à une fonctionnalité du site, vous pouvez le signaler par e-mail. Je m'engage à accuser réception sous 5 jours ouvrés et à apporter une réponse ou une solution sous 20 jours ouvrés, conformément aux délais recommandés par la DINUM.

Contact accessibilité

Florian Beaufils
Responsable du site florianbeaufils.com
contact@florianbeaufils.com

Merci d'indiquer dans votre message : la page concernée, la nature du problème rencontré, et si possible le navigateur et la technologie d'assistance utilisés.

Voie de recours

Si vous n'obtenez pas de réponse satisfaisante à votre signalement, vous pouvez contacter le Défenseur des droits, dont la mission est de veiller au respect des droits et libertés fondamentaux, notamment en matière d'accès aux services numériques.

Cette voie de recours est indépendante de toute obligation légale applicable au présent site, qui relève du secteur privé. Elle est mentionnée par souci de transparence et de bonne foi.

Références et ressources

Dernière mise à jour : 22 mai 2026.