Déclaration d'accessibilité

État de conformité

Le site public d'iciChantier est totalement conforme au RGAA 4.1, niveau A. et au WCAG 2.2

Un audit complet a été réalisé en mars 2026 couvrant l'ensemble des pages publiques du site. Tous les critères applicables du référentiel sont respectés. Aucune non-conformité n'a été identifiée.

Périmètre de la déclaration

Cette déclaration couvre l'ensemble des pages accessibles au public :

• Page d'accueil et présentation de l'offre
• Pages d'authentification (connexion, inscription, mot de passe oublié, réinitialisation, vérification email, double authentification)
• Pages d'invitation (acceptation d'invitation)
• Pages légales (mentions légales, CGU, CGV, politique de confidentialité, accessibilité)
• Panneaux de chantier publics (/panneau/*)
• Pages d'état des panneaux (inactif, non publié, introuvable)
• Bandeau de consentement aux cookies

Résultats de l'audit

Images et icônes

• Toutes les images porteuses d'information disposent d'une alternative textuelle descriptive
• Les icônes décoratives (Lucide icons, emojis) sont masquées aux technologies d'assistance via aria-hidden="true" ou role="img" avec aria-label

Couleurs et contrastes

• L'information n'est jamais transmise uniquement par la couleur
• Tous les textes respectent un ratio de contraste minimum de 4,5:1
• Les éléments non textuels interactifs respectent un ratio minimum de 3:1
• Les thèmes de couleur des panneaux ont été ajustés pour garantir la conformité

Navigation et structure

• Un lien d'évitement « Aller au contenu principal » est disponible sur toutes les pages
• Les pages utilisent les landmarks HTML5 : <header>, <nav>, <main>, <section>, <footer>
• La hiérarchie des titres est cohérente (h1 → h2 → h3), y compris pour le contenu markdown généré par les utilisateurs
• Chaque page dispose d'un titre <h1> (visible ou en texte masqué pour les pages d'authentification)
• La navigation par ancres permet d'accéder directement à chaque section du panneau

Accessibilité au clavier

• Tous les éléments interactifs sont accessibles via Tab avec un indicateur de focus visible
• Le carousel de photos est navigable au clavier (Enter/Espace, flèches)
• La lightbox supporte Escape pour fermer, avec piège de focus
• Les groupes de boutons (sélecteur de facturation) utilisent aria-pressed et sont focusables

Formulaires

• Chaque champ est associé à un label explicite via htmlFor
• Les champs obligatoires sont identifiés par un astérisque et l'attribut required
• Les erreurs de validation sont associées aux champs via aria-describedby et annoncées via role="alert"
• Les champs désactivés (email pré-rempli) sont correctement étiquetés
• Les messages de succès utilisent role="status" pour être annoncés aux lecteurs d'écran

Liens et documents

• Les liens ouvrant une nouvelle fenêtre sont signalés par un texte masqué « (nouvelle fenêtre) »
• Les pièces jointes affichent le nom du fichier, sa taille et une indication « Télécharger »
• Aucun lien n'est vide : en l'absence de description, l'URL est affichée comme texte du lien

Composants interactifs

• Le bandeau de cookies utilise role="region" avec un label accessible
• Les cases à cocher (acceptation CGU) sont accessibles et labellisées

Technologies utilisées

• HTML5
• CSS (Tailwind CSS)
• JavaScript (React)
• WAI-ARIA

Retour d'information et contact

Si vous rencontrez un défaut d'accessibilité vous empêchant d'accéder à un contenu ou une fonctionnalité, vous pouvez nous contacter via le formulaire de contact en précisant la page concernée et la difficulté rencontrée.

Nous nous engageons à vous répondre dans les meilleurs délais et à mettre en œuvre une solution dans un délai raisonnable.

Voies de recours

Si vous constatez un défaut d'accessibilité et que vous n'obtenez pas de réponse satisfaisante, vous pouvez :

• Écrire un message au Défenseur des droits (nouvelle fenêtre)
• Contacter le délégué du Défenseur des droits dans votre région
• Envoyer un courrier (téléchargeable sur le site du Défenseur des droits)