Déclaration d'accessibilité

1. Périmètre de la déclaration

Cette déclaration d'accessibilité s'applique au site internet climago.fr et à l'ensemble de ses pages publiques. Elle ne couvre pas l'interface d'administration interne (/admin), réservée à l'usage exclusif de Patrick Perez / Climago.

Climago est une entreprise individuelle de taille modeste. Si le RGAA est obligatoire pour les organismes publics et les entreprises de plus de 250 millions d'euros de chiffre d'affaires, cette déclaration est publiée volontairement dans le cadre d'une démarche d'accessibilité numérique inclusive.

2. État de conformité

Le site climago.fr est en conformité avec les Règles pour l'accessibilité des contenus Web (WCAG 2.0, niveau AA) et le Référentiel Général d'Amélioration de l'Accessibilité (RGAA 4.1). Aucune non-conformité résiduelle n'est recensée à la date du présent audit.

Un audit complet par un prestataire externe accrédité est prévu pour confirmer ce résultat et obtenir un taux de conformité certifié selon la méthode RGAA.

3. Référentiels et standards

4. Mesures mises en œuvre

Navigation et structure

• Lien d'évitement — « Passer au contenu principal » visible à la première pression de Tab sur toutes les pages, ciblant <main id="main-content">
• H1 unique par page — hiérarchie de titres H2 / H3 cohérente, sans saut de niveau
• Points de repère HTML5 — <header role="banner">, <nav role="navigation">, <main role="main">, <footer role="contentinfo">, <article>, <section>
• Navigation principale et mobile — chacune dotée d'un aria-label distinct pour les différencier
• Menu déroulant — aria-expanded, aria-haspopup="menu", role="menu" /role="menuitem", fermeture à la touche Échap
• Menu mobile — bouton avec aria-expanded, aria-controls et aria-label dynamique (« Ouvrir le menu » / « Fermer le menu »), fermeture à la touche Échap

Images et médias

• Textes alternatifs — attribut alt descriptif sur toutes les images informatives
• Images décoratives — alt="" et aria-hidden="true" pour les icônes et illustrations purement visuelles
• Logo — alt="Logo Climago" ; lien retour accueil avec aria-label explicite
• Médias vidéo / audio — le site ne contient actuellement aucun contenu multimédia (critère WCAG 1.2 non applicable)

Couleurs et lisibilité

• Contraste texte normal — ratio minimum 4,5:1 vérifié (WCAG 1.4.3) : texte sombre sur fond clair, texte blanc sur fonds colorés
• Contraste grands textes — ratio minimum 3:1 pour les textes en gras ≥ 18,5 px ou normaux ≥ 24 px
• Information non véhiculée par la couleur seule — les champs obligatoires sont identifiés par un astérisque (*) en plus de la couleur rouge
• Redimensionnement — le site reste lisible et fonctionnel jusqu'à 200 % de zoom sans perte de contenu

Formulaires

• Labels explicites — chaque champ associé à un <label htmlFor> visible
• Champs obligatoires — identifiés visuellement (astérisque rouge) et programmatiquement (aria-required="true", attribut required)
• Messages d'erreur par champ — annoncés immédiatement via role="alert" au moment du blur sur chaque champ invalide ; aria-describedby lie le message à son champ, aria-invalid="true" indique l'état d'erreur
• Autocomplétion — attributs autocomplete sur les champs standards (name, email, tel) pour faciliter la saisie
• État du bouton — aria-busy pendant l'envoi, aria-disabled quand les conditions de soumission ne sont pas remplies
• Confirmation de soumission — message de succès avec role="alert" et aria-live="polite"

Clavier et focus

• Navigation 100 % clavier — tous les éléments interactifs accessibles via Tab, Shift+Tab, Entrée, Espace et Échap
• Focus visible — anneau bleu de 2 px (outline: 2px solid #0EA5E9) sur tous les éléments interactifs au focus clavier (:focus-visible)
• Ordre de focus logique — suit l'ordre de lecture visuel de haut en bas, gauche à droite
• Aucun piège clavier — il est possible de quitter tout composant (menus, formulaire) uniquement au clavier

Tableaux de données

• Association programmatique — tous les tableaux de données sont associés à leur titre de section via aria-labelledby, permettant aux lecteurs d'écran d'annoncer le contexte du tableau
• En-têtes de colonnes — balises <th>utilisées pour tous les tableaux structurés

Composants dynamiques

• Accordéon FAQ — aria-expanded, aria-controls, role="region", aria-label, attribut hidden natif
• Icônes Lucide — systématiquement masquées avec aria-hidden="true" ; les labels textuels portent l'information
• Mises à jour dynamiques — régions aria-livepour les états du formulaire (envoi en cours, succès, erreur)

5. Résultat des critères WCAG 2.0 AA

Résultat par critère pour les pages principales du site (accueil, contact, services, pages légales) :

6. Non-conformités et dérogations

Non-conformités résiduelles

Aucune non-conformité résiduelle n'est recensée à la date du présent audit. Les deux points signalés lors de l'audit initial de février 2026 (WCAG 3.3.3 — messages d'erreur par champ, et WCAG 1.3.1 — association des tableaux à leurs titres) ont été corrigés dans la même session d'audit.

Contenus exemptés

Aucun contenu tiers hors de notre contrôle (documents PDF, cartes embarquées, widgets) n'est présent sur le site. Aucune dérogation pour charge disproportionnée n'est invoquée.

7. Technologies utilisées

8. Outils d'évaluation

9. Date et méthode d'audit

10. Contact — Signaler une difficulté

Si vous rencontrez un obstacle d'accessibilité — contenu inaccessible, fonctionnalité inopérable, besoin d'un format alternatif (version texte, document simplifié, réponse par téléphone) — signalez-le nous :

11. Voies de recours

Si vous n'obtenez pas de réponse satisfaisante dans les délais annoncés, vous pouvez saisir le Défenseur des droits, autorité indépendante chargée de veiller au respect des droits et libertés :