Aller au contenu principal
Voir ↗
Démarche
EN

Personnaliser l'affichage

Profils rapides

Taille du texte

Espacement du texte

Hauteur de ligne

Affichage

Saturation des couleurs

Mouvement

Alignement du texte

Position du panneau

Vie privée

Cloudflare Web Analytics, sans cookies ni profilage. Désactivable ici.

← Accueil

Accessibilité

Déclaration d'accessibilité

Site : florianbeaufils.com  ·  Établie le 17 avril 2026  ·  Dernière révision : 31 octobre 2026

Audit RGAA à réaliser

Le site florianbeaufils.com propose un panneau de confort permettant d'ajuster certains paramètres d'affichage : taille du texte, espacement, contraste, alignement, animations, etc. Ce panneau n'est pas un outil d'accessibilité au sens strict et ne doit pas être confondu avec un overlay commercial : il s'ajoute au travail mené dans le code (sémantique HTML, hiérarchie des titres, contrastes, navigation clavier, compatibilité avec les technologies d'assistance) sans s'y substituer. C'est un confort supplémentaire, développé sur mesure et sans dépendance tierce.

Sommaire

    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.

    L'objectif visé est le niveau AA des WCAG 2.2 (W3C). Le référentiel de mesure est le RGAA 4.1.2 (Direction interministérielle du numérique), fondé sur les WCAG 2.1.

    État de conformité

    Le site florianbeaufils.com n'a pas fait l'objet d'un audit complet au regard du RGAA 4.1.2. Aucun taux de conformité n'est donc publié, et selon ce référentiel un site sans audit valide est considéré comme non conforme. Les vérifications menées à ce jour sont partielles et décrites ci-dessous, avec les limites connues.

    Un auto-audit complet au regard du RGAA 4.1.2 est prévu. Son taux sera publié sur cette page.

    Ce site n'entre pas dans le champ de l'article 47 de la loi du 11 février 2005. Il ne relève pas non plus de l'acte européen sur l'accessibilité (directive (UE) 2019/882, article L. 412-13 du code de la consommation) : aucun service à un consommateur n'y est fourni et son éditeur est une microentreprise. Cette déclaration est volontaire.

    Vérifications menées

    Tests automatiques du 31 octobre 2026

    Deux outils ont été lancés sur les 15 pages listées ci-dessous :

    • axe-core 4.14, avec les règles WCAG 2.0, 2.1 et 2.2 de niveaux A et AA, en mode clair et en mode sombre, soit 30 passes ;
    • Lighthouse 13.6, catégorie Accessibilité, dans Chrome 156, en mode clair.

    Résultats :

    • axe-core : aucune erreur sur 14 pages. Une alerte de contraste sur la page 404, dont le grand numéro est un décor volontairement très pâle, masqué aux lecteurs d'écran. Le titre de la page dit la même chose en clair.
    • Lighthouse : 100 sur 100 sur 14 pages, 96 sur la page 404, pour la même alerte.
    • Corrigé le même jour : sur les pages légales, des liens se repéraient par leur couleur seule (WCAG 1.4.1) ; ils sont désormais soulignés. Le bouton « Scroller », le lien de langue, le lien Mail et le lien de retour de la page Démarche avaient un nom accessible différent de leur texte visible (WCAG 2.5.3). Une adresse trop longue faisait défiler les mentions légales à l'horizontale à 320 px (WCAG 1.4.10).

    Pages vérifiées

    Chacune en français et en anglais, sauf la page 404, commune aux deux langues :

    • Accueil
    • Démarche
    • Colophon
    • Mentions légales
    • Politique de confidentialité
    • Déclaration d'accessibilité
    • Plan du site
    • Page d'erreur 404

    Tests manuels de mai 2026

    Une campagne manuelle a été conduite les 21 et 22 mai 2026. Elle n'a pas été refaite depuis, et la page Démarche, ajoutée ensuite, n'en a pas fait l'objet. Elle a porté sur la navigation au clavier (Tab, Shift+Tab, Entrée, Échap) sur les pages publiques en français et en anglais, la lecture par VoiceOver (macOS, Safari) sur la page d'accueil, la gestion du focus du panneau de confort et les 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, lien d'évitement actif dès la première tabulation, focus rendu au bouton déclencheur à la fermeture du panneau de confort.

    Limites de ces vérifications

    Les outils automatisés ne repèrent qu'une partie des défauts. Ils ne remplacent ni un audit manuel complet au regard du RGAA, qu'il soit mené en interne ou par un tiers, ni des tests par des personnes en situation de handicap.

    Contenus non accessibles

    Limites connues

    Cette liste n'est pas exhaustive, faute d'audit complet.

    Textes dans les images

    Les certificats du bandeau de l'accueil sont des images. Une alternative textuelle donne leur intitulé, mais leur texte ne suit pas les réglages du panneau de confort. Sur les pages anglaises, ils gardent leur langue d'origine.

    Critères concernés : WCAG 1.4.5, RGAA 1.8

    Sommaire des pages légales

    Le sommaire de ces pages est construit en JavaScript et n'apparaît pas si celui-ci est désactivé. Les sections restent lisibles dans l'ordre de la page.

    Thèmes de contraste de Windows

    Des règles dédiées existent, mais elles n'ont pas été validées sur un poste Windows réel. Les retours des personnes concernées sont bienvenus.

    Lecteurs d'écran

    La lecture par VoiceOver n'a porté que sur la page d'accueil et le panneau de confort. Aucun test n'a été mené avec NVDA ou JAWS.

    Dérogations pour charge disproportionnée

    Aucune dérogation n'est invoquée.

    Contenus non soumis à l'obligation d'accessibilité

    Sans objet : le site n'est pas soumis à cette obligation.

    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 et JavaScript natif, sans aucune dépendance tierce, et ses préférences sont enregistrées localement dans le navigateur via localStorage (aucune donnée n'est envoyée à un serveur). Il s'ouvre avec le raccourci clavier Ctrl + Shift + A ou 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é. Saturation des couleurs sur 3 niveaux : normale, réduite, niveaux de gris.

    • Affichage

      Surlignage des liens, masquage des images, agrandissement du curseur, agrandissement des zones interactives (56 × 56 px) : chacun activable indépendamment.

    • Mouvement

      Arrêt de toutes les animations, y compris le défilement du bandeau des certifications. Désactive aussi le curseur personnalisé et l'effet de grain. Retours sonores optionnels, désactivés par défaut.

    • Position du panneau

      Panneau ancré à droite ou à gauche de l'écran, au choix.

    • Vie privée

      Désactivation de la mesure d'audience.

    Un bouton de réinitialisation remet l'ensemble des paramètres à leur valeur par défaut en un clic. Le panneau se ferme aussi avec la touche Échap. Le site reste utilisable sans ce panneau.

    Éco-conception numérique

    Ce site s'inspire des principes du Référentiel général de l'écoconception des services numériques (RGESN) , version 2024 (Arcep, Arcom, ADEME).

    Choix techniques sobres

    • Aucune bibliothèque JavaScript externe : les interactions sont codées en JavaScript natif. S'y ajoute le script de navigation d'Astro, servi depuis le site lui-même.
    • 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 de suivi comportemental : la mesure d'audience repose sur Cloudflare Web Analytics, sans cookie et désactivable depuis le panneau de confort (voir la politique de confidentialité).
    • Images optimisées : le portrait et les certificats sont servis en AVIF ou WebP, à la taille d'affichage, et ne se chargent qu'à l'approche de l'écran ; les icônes sont des SVG intégrés au code.
    • Hébergement : Cloudflare Pages, en 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

    Page d'accueil, mesurée le 31 octobre 2026 : EcoIndex A (81/100), pour 0,19 Mo, 19 requêtes et 319 éléments ; Website Carbon A+, soit moins de 0,01 g de CO₂ par visite. Ces notes valent pour cette page.

    • Voir le rapport EcoIndex
    • Voir le rapport Website Carbon

    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 de test

    Le site repose sur les technologies suivantes :

    • Astro (construction du site)
    • HTML, CSS et JavaScript natif
    • Hébergement : Cloudflare Pages

    Environnements de test :

    • Tests automatiques du 31 octobre 2026 : Chrome 156 sur macOS
    • Tests manuels de mai 2026 : VoiceOver avec Safari sur macOS, navigation au clavier

    Signaler un problème d'accessibilité

    Si vous rencontrez un obstacle à l'accès à un contenu ou à une fonctionnalité du site, écrivez-moi pour être orienté vers une alternative accessible ou obtenir le contenu sous une autre forme. J'accuse réception sous 5 jours ouvrés et je réponds sous 20 jours ouvrés.

    Contact accessibilité

    Florian Beaufils
    Responsable du site florianbeaufils.com
    florian.beaufils.contact@gmail.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 et que vous estimez subir une discrimination liée à un handicap, vous pouvez saisir le Défenseur des droits. Cette information est donnée à titre volontaire : ce site n'est soumis ni à l'article 47 de la loi du 11 février 2005 ni au code de la consommation sur ce point.

    • En ligne : formulaire de saisine du Défenseur des droits
    • Auprès d'un délégué : carte des délégués
    • Par téléphone : 09 69 39 00 00, du lundi au vendredi, de 8 h 30 à 19 h 30 (coût d'un appel local)
    • Pour les personnes sourdes ou malentendantes : service Acceo
    • Par courrier, sans affranchissement : Défenseur des droits, Libre réponse 71120, 75342 Paris CEDEX 07

    Références et ressources

    • RGAA 4.1.2, critères et tests (DINUM)
    • WCAG 2.2, Web Content Accessibility Guidelines (W3C)
    • WAI-ARIA Authoring Practices Guide (W3C/WAI)
    • Design.numerique.gouv.fr, ressources design et accessibilité (DINUM)
    • RGESN, Référentiel général de l'écoconception des services numériques (Arcep, Arcom, ADEME)

    Dernière mise à jour : 31 octobre 2026.

    Toujours là ?

    ← Retour à l'accueil

    L'esthétique, l'utile et le juste.

    LinkedIn Mail

    Démarche · Mentions légales · Politique de confidentialité · Déclaration d'accessibilité · Colophon · Plan du site

    Conçu et développé par Florian Beaufils

    © Florian Beaufils 2026