Schéma pluriannuel d'accessibilité
Dans le cadre de notre engagement en faveur de l’inclusion, nous travaillons activement à améliorer l’accessibilité de nos sites. Notre objectif est d’offrir une expérience en ligne qui soit véritablement ouverte à tous, sans exception. Nous croyons fermement que chaque personne, quelles que soient ses capacités physiques ou mentales, les équipements qu’elle utilise ou sa manière de naviguer sur le Web, mérite de bénéficier du meilleur service possible. Nous reconnaissons que l'accessibilité est un processus en constante évolution et nous nous engageons à réviser régulièrement notre politique d'accessibilité et nos pratiques pour garantir leur conformité avec la directive européenne sur l'accessibilité et pour répondre aux besoins changeants de nos clients.
Actions programmées et mise en oeuvre
Actions techniques
| Action | Mise en oeuvre | |
|---|---|---|
| Etat des lieux des sites et applications concernés via un audit accessibilité aux normes WCAG 2.1 niveau AA. | Action en cours pour les sites et applications existants. Action continue s’agissant de leurs éventuelles modifications à venir ou des nouveaux sites ou applications. | |
| Actions de mise en accessibilité des sites et applications concernés, avec un focus sur les impacts pour les utilisateurs. | Actions faisant suite aux états des lieux mentionnés ci-dessus. La mise en accessibilité des sites s’effectue de façon progressive jusqu’à atteindre une accessibilité complète. | |
| Actions continues pour assurer une accessibilité constante des sites et applications concernés. | Il s’agit d’actions à mener continuellement pour s’assurer de l’accessibilité de façon permanente. | |
| État des lieux des contrats et de la documentation utilisateur pour s'assurer qu'ils sont facilement compréhensibles et, si nécessaire, les mettre à jour. | Action en cours qui sera mise en oeuvre à moyen terme. |
Actions organisationnelles
| Action | Mise en oeuvre | |
|---|---|---|
| Rédaction et l’ajout d’une clause aux appels d’offres et contrats avec les prestataires | Action en cours qui sera mise en oeuvre à court terme | |
| Mise à disposition de ressources (outils et documents) spécifiques sur l’accessibilité | Cette action sera mise en oeuvre à moyen terme | |
| Mise à jour des procédures existantes pour intégrer les obligations liées à l’accessibilité | Cette action sera mise en oeuvre à moyen terme | |
| Prise en compte de l’accessibilité dans toutes les étapes de nos projets (« accessibility by design ») | Cette action sera mise en oeuvre à moyen terme | |
Actions de sensibilisation et de formation / montée en compétence des collaborateurs
| Action | Mise en oeuvre | |
|---|---|---|
| Niveau 1 : Sensibilisation générale de tous les collaborateurs | Cette action sera mise en oeuvre dans l’année, puis de façon périodique selon un rythme à définir | |
| Niveau 2 : Formations spécifiques pour les développeurs/intégrateurs/testeurs… | Cette action sera mise en oeuvre à moyen terme, puis de façon périodique selon un rythme à définir |
Fin 2025 - début 2026 : Correction des Non-Conformités Urgentes
Q4 2025 (priorité forte) :
- Images (1.1, 1.3, 1.8) :
Ajouter des attributs alt descriptifs pour les images informatives (ex. <img id="chat_img" alt="Ouvrir le chat d’assistance"> sur « Documents »).
Corriger les alternatives non pertinentes (ex. <img src="assets/BQ/images/Stellantis_Pattern_White.png" alt="Motif décoratif"> sur « Accueil »).
Remplacer les images de texte par du texte HTML stylé (ex. <span class="chat-label">Chat</span> avec CSS).
- Couleurs (3.2, 3.3) :
Ajuster les contrastes texte/arrière-plan à 4.5:1 (ex. liens .footerHover:hover de #87898e à #333333 sur « Mentions légales »).
Assurer un contraste de 4.5:1 pour les boutons en survol/focus (ex. <button id="blockBtnSubmitSub"> sur « Inscription particuliers »).
Vérifier avec WebAIM Contrast Checker.
- Scripts (7.1, 7.3) :
Rendre les scripts compatibles avec les lecteurs d’écran (ex. ajout de role="menu" pour les menus déroulants sur toutes les pages).
Permettre le contrôle clavier (ex. remplacer <span class="lien" onclick="addInputFile()"> par <button type="button">Ajouter fichier</button> sur « Inscription particuliers »).
- Objectif : Résoudre les non-conformités critiques affectant les utilisateurs de lecteurs d’écran et de navigation clavier. Atteindre 70 % de conformité globale.
Q1 2026 :
- Éléments obligatoires (8.2, 8.3, 8.6) :
Valider le code HTML via W3C Validator (ex. corriger les erreurs de syntaxe sur toutes les pages).
Ajouter <html lang="fr"> sur toutes les pages.
Rendre les titres de page spécifiques (ex. <title>Mon profil - CREDIPAR Espace client</title> sur « Mon profil »).
- Liens (6.1, 6.2) :
Ajouter des intitulés explicites (ex. <a href="#Pro">Section professionnelle</a> sur « Inscription particuliers »).
Fournir aria-label pour les liens sans texte (ex. <a id="rn_sccl_0_Link" aria-label="Ouvrir le chat"> sur « Documents »).
- Actions complémentaires :
Audit de suivi pour valider les corrections.
Mise à jour de la déclaration d’accessibilité.
2026 : Consolidation et Amélioration
Q2-Q3 2026 :
- Structuration (9.1, 9.3) :
Corriger les titres non descriptifs (ex. <h2>Informations personnelles</h2> au lieu de <h2>Vous</h2> sur « Inscription particuliers »).
Structurer les listes avec <ul> ou <ol> (ex. sur « Mon profil » et « Inscription particuliers »).
- Formulaires (11.1, 11.5, 11.6) :
Ajouter <label> pour tous les champs (ex. <label for="login">Identifiant</label> sur « Accueil »).
Regrouper les champs avec <fieldset> et <legend> (ex. <fieldset><legend>Connexion</legend>...</fieldset> sur « Inscription particuliers »).
- Navigation (12.7, 12.9) :
Ajouter un lien d’évitement « Aller au contenu principal » (ex. <a href="#main" class="visuallyhidden focusable">Aller au contenu</a> sur toutes les pages).
Éliminer les pièges au clavier (ex. remplacer <li class="extented">Mon profil</li> par <a href="/profil">Mon profil</a> sur « Mon profil »).
Objectif : Atteindre 85 % de conformité globale.
Q4 2026 – Q1 2027 :
- Navigation (10.7, 12.8) :
Ajouter des indicateurs de focus visibles (ex. a:focus { outline: 2px solid #000; } sur toutes les pages).
Vérifier la cohérence de l’ordre de tabulation (ex. sur « Inscription particuliers » et « Mon profil »).
- Consultation (13.3) :
Fournir des versions accessibles des PDF (ex. HTML ou PDF balisé sur « Documents »).
- Formulaires (11.2, 11.11, 11.13) :
Vérifier la pertinence des étiquettes (ex. sur « Inscription particuliers »).
Ajouter des suggestions de correction d’erreurs (ex. messages d’erreur explicites pour les champs obligatoires sur « Demande opération »).
Assurer la détection de la finalité des champs pour le remplissage automatique (ex. autocomplete="email" sur « Mon profil »).
- Actions complémentaires :
Audit complet pour valider la conformité.
Mise à jour de la déclaration d’accessibilité.
2027 : Pérennisation
Q2 - Q3 2027 :
- Présentation (10.9, 10.13) :
Vérifier que l’information n’est pas transmise uniquement par la forme, taille ou position (ex. sur toutes les pages).
Assurer que les contenus additionnels sont contrôlables (ex. menus déroulants accessibles au clavier sur « Accueil identifié »).
- Formation :
Former les équipes à intégrer l’accessibilité dès la conception (ex. utilisation d’AxeCore dans les cycles de développement).
Organiser des ateliers sur les évolutions RGAA et WCAG.
- Veille technologique :
Suivre les mises à jour du RGAA et des WCAG pour anticiper les nouvelles exigences.
Q4 2027 – Q1 2028 :
- Audit final :
Réaliser un audit global pour valider la conformité des 9 pages.
Mettre en place un tableau de bord pour suivre les indicateurs d’accessibilité (ex. taux de conformité, retours utilisateurs).
- Objectif : Atteindre et maintenir un taux de conformité supérieur à 90 %.