WCAG 2.2 · Inclusion numérique

Déclaration d'accessibilité

La Rose d'Hélène s'engage à rendre son site internet accessible à toutes et tous, y compris aux personnes en situation de handicap, conformément aux Règles pour l'accessibilité des contenus Web (WCAG) 2.2, niveau AA.

Partiellement conforme au niveau WCAG 2.2 AA
Dernière mise à jour : janvier 2025

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 textuelA Conforme Toutes les images décoratives ont aria-hidden ; les images informatives ont des textes alternatifs.
1.3.1 Information et relationsA Conforme Structure sémantique HTML5 correcte (landmarks, titres hiérarchiques).
1.3.4 OrientationAA Conforme Aucune restriction d'orientation imposée.
1.4.1 Utilisation de la couleurA 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 texteAA 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 composantsAA Conforme Bordures et états des champs de formulaire conformes.
2.1.1 ClavierA Conforme Toutes les fonctionnalités sont accessibles au clavier.
2.1.2 Pas de piège au clavierA Conforme Navigation au clavier fluide sur l'ensemble du site.
2.4.1 Contourner des blocsA Conforme Lien d'évitement "Aller au contenu principal" présent.
2.4.3 Parcours de focusA Conforme Ordre de tabulation logique et cohérent.
2.4.7 Visibilité du focusAA 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 nomA Conforme Les noms accessibles correspondent aux libellés visibles.
3.1.1 Langue de la pageA Conforme Attribut lang="fr" présent sur toutes les pages.
3.2.1 Au focusA Conforme Aucun changement de contexte déclenché au simple focus.
3.3.1 Identification des erreursA Conforme Les erreurs de formulaire sont identifiées via aria-invalid et mise en couleur.
3.3.2 Étiquettes ou instructionsA Conforme Tous les champs de formulaire sont correctement étiquetés.
4.1.2 Nom, rôle, valeurA Conforme Composants interactifs avec aria-* appropriés (menus, boutons, formulaires).
4.1.3 Messages d'étatAA 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-motion pour 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-live et role="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 :

NavigateurSystèmeLecteur d'écran
Chrome 120+Windows 11NVDA 2023.3
Firefox 121+Windows 11NVDA 2023.3
Safari 17+macOS SonomaVoiceOver natif
Safari iOS 17+iPhone (iOS 17)VoiceOver iOS
Chrome AndroidAndroid 14TalkBack

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.

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é

www.autoriteprotectiondonnees.be