Concevoir un site accessible pour une agence immobilière sociale : le cas AIS Charleroi-Logement

Une agence immobilière sociale, c’est par définition une organisation qui s’adresse à des publics vulnérables : des ménages à revenus modestes, des personnes en situation précaire, des propriétaires qui cherchent à s’engager dans un projet solidaire. Dans ce contexte, l’accessibilité web n’est pas une case à cocher. C’est une question de cohérence avec la mission même du client.

Voilà comment Estelle, experte en accessibilité web chez Fidelo Agency, a abordé le sujet.

Un cadre légal qui s’imposait déjà

L’AIS Charleroi-Logement est une ASBL agréée par le Gouvernement Wallon. À ce titre, elle est soumise au décret du 2 mai 2019 relatif à l’accessibilité des sites internet des organismes du secteur public en Région Wallonne, lui-même basé sur la directive européenne 2016/2102.

Concrètement, cela signifie que le site devait viser une conformité aux critères WCAG 2.1, au minimum niveau AA. Ce n’est pas une option mais une obligation légale.

Penser les utilisateurs avant de penser le design

La première question à se poser avant de commencer un projet, c’est : qui va vraiment utiliser ce site ?

Pour l’AIS, les profils sont très différents les uns des autres. Un propriétaire qui veut mettre son bien en gestion. Un locataire qui cherche à comprendre ses droits. Un candidat locataire qui doit remplir un formulaire de candidature, peut-être pour la première fois, peut-être dans une situation de stress ou d’urgence.

Ces trois profils ont des besoins radicalement différents. Et parmi eux, certains utilisent des lecteurs d’écran, des technologies d’assistance, ou simplement un téléphone d’entrée de gamme avec une connexion instable.

C’est pour ça que la navigation du site a été pensée dès le départ autour de ces trois entrées explicites : « Je suis propriétaire », « Je suis locataire », « Je suis candidat locataire ». Pas de jargon institutionnel en page d’accueil, juste une question simple à laquelle l’utilisateur peut répondre immédiatement.

Ce que ça signifie concrètement dans le design

L’accessibilité web, ce n’est pas une feature qu’on ajoute à la fin. C’est une contrainte de design qui irrigue toutes les décisions, du choix typographique à la structure des formulaires.

Quelques points concrets sur lesquels Estelle a travaillé pour ce projet :

• Les contrastes de couleurs. Le ratio minimum exigé par les WCAG pour du texte normal est de 4,5:1. Nous avons vérifié chaque combinaison texte/fond tout au long du projet. C’est d’ailleurs pour cette raison que la déclaration d’accessibilité du site ne mentionne qu’un seul point de non-conformité : le logo Fidelo en footer, dont les couleurs n’appartiennent pas à l’AIS et ne pouvaient pas être modifiées. Tout le reste passe.
• La structure sémantique du HTML. Un site accessible, c’est un site dont le code raconte la même histoire que le visuel. Les titres hiérarchisés (H1, H2, H3) ne sont pas là pour la mise en page. Ils sont la colonne vertébrale que les lecteurs d’écran utilisent pour naviguer. Estelle a travaillé en étroite collaboration avec Benjamin, notre développeur, pour s’assurer que le HTML produit correspondait exactement à la structure visuelle qu’elle avait définie.
• Les formulaires. Le formulaire de candidature locataire est probablement l’élément le plus critique du site : c’est là que la mission de l’AIS se concrétise. Chaque champ a un label explicite et associé. Les messages d’erreur sont descriptifs. L’ordre de tabulation au clavier est logique. Rien n’est demandé sans que l’utilisateur comprenne pourquoi.
• La version anglaise. Le site est disponible en français et en anglais, ce qui étend son accessibilité à des publics non francophones. La balise lang est correctement renseignée sur chaque version. C’est un détail technique mais qui a un impact réel sur la façon dont les lecteurs d’écran prononcent le contenu.

Ce qu’on a évalué et comment

Avant la mise en ligne, nous avons utilisé l’outil Accessibility Check du SPF BOSA (l’outil de référence recommandé par les autorités belges pour ce type d’évaluation), complété par une auto-évaluation manuelle, notamment en naviguant le site uniquement au clavier et en testant avec un lecteur d’écran.

Le résultat : une conformité partielle, honnêtement documentée dans la déclaration d’accessibilité publiée sur le site. Partielle en partie à cause du logo Fidelo en footer, un point que nous avons choisi de documenter plutôt que de dissimuler, parce que la transparence fait partie de la démarche.

Pourquoi ce projet nous a marqué

Ce n’est pas le projet le plus complexe techniquement que nous avons eu entre les mains. Mais c’est l’un de ceux où l’accessibilité avait le sens le plus évident.

Quand on construit un site pour une organisation dont la mission est de donner accès à un logement digne à des personnes en difficulté, rendre ce site inaccessible à une partie de ces mêmes personnes serait une contradiction fondamentale.

L’accessibilité web n’est pas une contrainte imposée par la loi. C’est l’expression d’un choix : celui de considérer que tout le monde mérite de pouvoir utiliser ce qu’on construit.

C’est ce que nous essayons d’apporter à chaque projet chez Fidelo.

Si vous souhaitez en savoir plus sur l’accessibilité ou si vous souhaitez auditer votre propre site internet, contactez-nous !