1. Notre engagement
La Rose d'Hélène est une organisation qui accompagne des personnes âgées, en situation de handicap ou en perte d'autonomie. Nous sommes pleinement conscients que notre site doit être accessible à toutes celles et tous ceux qui souhaitent nous contacter ou s'informer sur nos services.
Notre démarche d'accessibilité est continue et guidée par les principes POUR (Perceptible, Utilisable, Compréhensible, Robuste) des WCAG 2.2.
Notre priorité : Si vous rencontrez des difficultés pour accéder à une information ou utiliser une fonctionnalité de ce site, nous vous encourageons à nous contacter directement. Nous nous engageons à vous fournir une alternative accessible dans les meilleurs délais.
2. Périmètre de la déclaration
La présente déclaration couvre l'ensemble des pages du site www.larosedhelene.be, notamment :
- Page d'accueil (index.html)
- Politique de confidentialité
- Mentions légales
- Déclaration d'accessibilité (cette page)
Les contenus publiés par des tiers (réseaux sociaux, cartes Google Maps, etc.) et les fichiers PDF éventuellement téléchargeables ne sont pas couverts par cette déclaration, mais nous travaillons à les rendre accessibles progressivement.
3. État de conformité
Ce site est partiellement conforme aux critères WCAG 2.2 niveau AA. Certaines non-conformités mineures subsistent et sont documentées ci-dessous. Un audit complet est prévu pour le premier semestre 2025.
| Critère WCAG 2.2 | Niveau | Statut | Commentaire |
|---|---|---|---|
| 1.1.1 Contenu non textuel | A | Conforme | Toutes les images décoratives ont aria-hidden ; les images informatives ont des textes alternatifs. |
| 1.3.1 Information et relations | A | Conforme | Structure sémantique HTML5 correcte (landmarks, titres hiérarchiques). |
| 1.3.4 Orientation | AA | Conforme | Aucune restriction d'orientation imposée. |
| 1.4.1 Utilisation de la couleur | A | Conforme | La couleur n'est jamais le seul vecteur d'information. |
| 1.4.3 Contraste (minimum) | AA | Conforme | Rapport de contraste ≥ 4.5:1 sur tous les textes courants. |
| 1.4.4 Redimensionnement du texte | AA | Conforme | Le site reste lisible et fonctionnel jusqu'à 200% de zoom. |
| 1.4.10 Redistribution (Reflow) | AA | Conforme | Affichage sans défilement horizontal jusqu'à 320px de large. |
| 1.4.11 Contraste des composants | AA | Conforme | Bordures et états des champs de formulaire conformes. |
| 2.1.1 Clavier | A | Conforme | Toutes les fonctionnalités sont accessibles au clavier. |
| 2.1.2 Pas de piège au clavier | A | Conforme | Navigation au clavier fluide sur l'ensemble du site. |
| 2.4.1 Contourner des blocs | A | Conforme | Lien d'évitement "Aller au contenu principal" présent. |
| 2.4.3 Parcours de focus | A | Conforme | Ordre de tabulation logique et cohérent. |
| 2.4.7 Visibilité du focus | AA | Conforme | :focus-visible visible avec contour rose 3px sur tous les éléments interactifs. |
| 2.4.11 Apparence du focus (amélioré) | AA | Partiel | Certains éléments custom pourraient bénéficier d'un focus plus visible. Correction prévue. |
| 2.5.3 Étiquette dans le nom | A | Conforme | Les noms accessibles correspondent aux libellés visibles. |
| 3.1.1 Langue de la page | A | Conforme | Attribut lang="fr" présent sur toutes les pages. |
| 3.2.1 Au focus | A | Conforme | Aucun changement de contexte déclenché au simple focus. |
| 3.3.1 Identification des erreurs | A | Conforme | Les erreurs de formulaire sont identifiées via aria-invalid et mise en couleur. |
| 3.3.2 Étiquettes ou instructions | A | Conforme | Tous les champs de formulaire sont correctement étiquetés. |
| 4.1.2 Nom, rôle, valeur | A | Conforme | Composants interactifs avec aria-* appropriés (menus, boutons, formulaires). |
| 4.1.3 Messages d'état | AA | Conforme | Message de succès du formulaire avec role="alert" et aria-live. |
4. Mesures mises en œuvre
Pour améliorer l'accessibilité de notre site, nous avons mis en place les mesures suivantes :
Mesures organisationnelles
- Désignation d'un responsable accessibilité numérique
- Prise en compte de l'accessibilité dès la conception (approche "accessibility first")
- Tests réguliers avec des outils automatiques (Lighthouse, axe DevTools, WAVE)
- Retours utilisateurs pris en compte dans les évolutions du site
Mesures techniques
- HTML5 sémantique avec les landmarks ARIA (
header,main,nav,footer,section) - Lien d'évitement vers le contenu principal (
skip-to-content) - Navigation complète au clavier avec indicateurs de focus visibles
- Textes alternatifs pour toutes les images informatives
- Formulaires avec labels associés, messages d'erreur explicites et suggestions de correction
- Respect de
prefers-reduced-motionpour désactiver les animations - Taille de police minimale de 14px, dimensionnée en unités relatives (
rem) - Contrastes de couleur vérifiés via l'outil WCAG Color Contrast Checker
- Structure de titres hiérarchique (H1 → H2 → H3) sans saut
- Fil d'Ariane sur les pages secondaires (
aria-label="Fil d'Ariane") - Messages d'état dynamiques avec
aria-liveetrole="alert"
5. Non-conformités connues
Ces points sont en cours de correction. Un plan d'action est en place pour les résoudre avant le 30 juin 2025.
- Critère 2.4.11 (focus amélioré) : L'indicateur de focus sur certains éléments du menu mobile pourrait être agrandi. Correction planifiée.
- Cartes Google Maps : Le composant cartographique intégré (section zone d'intervention) n'est pas entièrement accessible au clavier. Une alternative textuelle complète est prévue.
- Documents PDF : Les éventuels fichiers PDF téléchargeables n'ont pas encore fait l'objet d'un audit d'accessibilité complet. Un processus de vérification est en cours.
- Vidéos : Si des vidéos sont ajoutées au site, elles devront disposer de sous-titres et d'une transcription textuelle.
6. Technologies utilisées
Ce site repose sur les technologies web standards suivantes :
- HTML5 (structure sémantique et ARIA)
- CSS3 (variables CSS, media queries,
prefers-reduced-motion) - JavaScript vanille (ES6+, sans frameworks tiers)
- Google Fonts (Cormorant Garamond, DM Sans) — chargées via
font-display: swap
Aucune dépendance à des bibliothèques JavaScript tierces susceptibles d'introduire des barrières d'accessibilité.
7. Environnements de test
Les vérifications d'accessibilité ont été réalisées dans les environnements suivants :
| Navigateur | Système | Lecteur d'écran |
|---|---|---|
| Chrome 120+ | Windows 11 | NVDA 2023.3 |
| Firefox 121+ | Windows 11 | NVDA 2023.3 |
| Safari 17+ | macOS Sonoma | VoiceOver natif |
| Safari iOS 17+ | iPhone (iOS 17) | VoiceOver iOS |
| Chrome Android | Android 14 | TalkBack |
Tests automatiques réalisés avec : Lighthouse, axe DevTools, WAVE Web Accessibility Evaluator.
8. Signaler un problème d'accessibilité
Si vous rencontrez une difficulté pour accéder à un contenu ou utiliser une fonctionnalité de notre site, vous pouvez nous le signaler. Nous nous engageons à vous fournir une réponse sous 5 jours ouvrables et une solution (ou alternative) sous 20 jours ouvrables.
Formulaire de signalement
Vous préférez nous contacter directement ?
📧 contact@larosedhelene.be (objet : « Accessibilité »)
📞 02 000 00 00 — lundi au vendredi, 8h–18h
9. Voies de recours
Si vous n'avez pas obtenu de réponse satisfaisante suite à votre signalement, vous pouvez vous adresser aux organismes suivants :
Unia – Centre interfédéral pour l'égalité des chances
Rue Royale 138 — 1000 Bruxelles
Tél. : +32 2 212 30 00 | www.unia.be
Autorité de Protection des Données (APD)
Pour les questions liées aux données personnelles dans le cadre de l'accessibilité