Un thème vitrine d’agence immobilière ressemble en apparence à n’importe quel site institutionnel, mais il porte trois composants qui concentrent la majorité des problèmes d’accessibilité observés en audit : la fiche de bien avec sa galerie de photos, le formulaire de contact ou de demande de visite, et la carte de localisation intégrée. Cette liste rassemble douze vérifications concrètes à passer avant la mise en ligne, dans l’ordre où je les contrôle sur mes propres livraisons.
Elle ne remplace pas un audit complet, mais elle couvre les points qui reviennent le plus souvent sur ce type de thème, à commencer par les éléments les plus visibles pour un visiteur.
Vérifications sur la fiche de bien
- Galerie photo navigable au clavier : chaque vignette doit être atteignable avec
Tabet la photo agrandie doit rester consultable sans piège au clavier. - Texte alternatif descriptif : « Salon lumineux avec baie vitrée donnant sur le jardin » plutôt que « photo-12.jpg » ou un texte alternatif vide sur une image porteuse d’information.
- Tableau de caractéristiques structuré : surface, nombre de pièces, DPE présentés dans un vrai
<table>avec des<th>, pas dans une grille de<div>qui perd tout lien entre l’intitulé et sa valeur. - Étiquette énergie lisible : le classement DPE (de A à G) ne doit pas reposer sur la seule couleur de la pastille ; la lettre doit apparaître en texte.
Vérifications sur le formulaire de contact et de demande de visite
- Chaque champ a un
<label>associé par l’attributfor, y compris le champ « créneau souhaité » souvent oublié sur les formulaires de prise de rendez-vous. - Les erreurs de saisie sont annoncées, pas seulement affichées en rouge : un message explicite associé au champ, lu par le lecteur d’écran au moment de la validation.
- Le bouton d’envoi porte un intitulé explicite (« Envoyer ma demande de visite »), pas un simple « Envoyer » recopié sur tous les formulaires du site.
- Le champ téléphone n’impose pas de format strict sans l’indiquer avant la saisie : un message d’erreur qui n’explique pas le format attendu bloque sans expliquer pourquoi.
Vérifications sur la carte et la navigation générale
- La carte de localisation propose une alternative textuelle : adresse complète en texte à côté de la carte interactive, pour les personnes qui n’utilisent pas de souris ou dont le lecteur d’écran ne traverse pas l’iframe de la carte.
- Le filtre de recherche de biens (type de bien, budget, nombre de pièces) reste utilisable au clavier, y compris les curseurs de fourchette de prix qui doivent répondre aux flèches directionnelles.
- Le menu des types de biens (achat, location, neuf) annonce l’état actif de l’onglet sélectionné, pas seulement par une couleur de fond différente.
- Le pied de page mentions légales reste atteignable sans faire défiler des dizaines de biens listés sur la page d’accueil : un lien d’évitement vers le pied de page rend service sur les pages longues.
Un point souvent oublié : la pagination des annonces
Sur la page de résultats de recherche, la pagination doit annoncer le nombre total de biens trouvés et permettre d’atteindre chaque page sans dépendre uniquement d’icônes de flèche sans texte associé. Un lien « Page suivante » vaut mieux qu’une simple flèche › sans étiquette.
Sur les thèmes immobiliers que j’ai livrés, la carte interactive reste le point qui échappe le plus souvent à un premier audit rapide, simplement parce qu’elle est intégrée par une bibliothèque tierce dont le comportement clavier n’est pas garanti d’une version à l’autre.
Organiser le passage de ces douze points en recette
Sur un projet livré à une agence immobilière, je regroupe ces douze vérifications dans un document de recette partagé avec le client, avec une colonne « conforme », une colonne « à corriger » et une colonne « commentaire ». Cette formalisation évite qu’un point technique reste dans la seule mémoire du développeur : le client garde une trace claire de ce qui a été vérifié avant la mise en ligne, et peut s’y référer lors d’une prochaine campagne de mise à jour du thème.
Un point mérite d’être ajouté à la recette quand le thème inclut un module d’estimation en ligne, de plus en plus fréquent sur ce type de site : le formulaire d’estimation, souvent en plusieurs étapes, doit suivre les mêmes règles que le formulaire de contact, avec un focus déplacé à chaque étape et des erreurs annoncées avant l’envoi final.
En résumé
Cette liste de douze points ne couvre pas tout ce qu’un audit complet peut révéler, mais elle cible les trois zones à risque propres à un thème d’agence immobilière : la fiche de bien, le formulaire de contact, et la carte de localisation. Passer ces douze vérifications avant la mise en ligne, puis les consigner dans une recette partagée avec le client, évite l’essentiel des retours négatifs des premiers visiteurs qui naviguent au clavier ou avec un lecteur d’écran.
