Accessibilité des sites immobiliers : recherche de biens, cartes et visites virtuelles

L'immobilier en ligne : un secteur aux nombreux défis d'accessibilité

Les sites immobiliers sont parmi les sites les plus visités en France. SeLoger, Leboncoin, PAP, Logic-Immo : ces plateformes combinent des fonctionnalités complexes (recherche multicritères, cartographie, galeries photos, visites virtuelles) qui posent des défis considérables en matière d'accessibilité.

Avec l'European Accessibility Act, les grandes plateformes immobilières sont désormais concernées par les obligations d'accessibilité. Les agences immobilières en ligne doivent s'adapter.

Moteur de recherche de biens accessible

La recherche de biens est le cœur de l'expérience utilisateur. Les composants critiques :

Filtres de recherche

• Sliders de prix/surface : les curseurs (range sliders) sont complexes à rendre accessibles. Proposez toujours des champs numériques en alternative (« Prix min : » et « Prix max : »)
• Localisation : l'autocomplétion de ville/quartier doit suivre le pattern ARIA combobox avec annonce du nombre de suggestions et navigation clavier dans la liste
• Checkboxes de critères : regrouper dans des fieldsets logiques (« Type de bien », « Nombre de pièces », « Équipements »)
• Résultats : annoncer le nombre de résultats trouvés via aria-live après chaque modification de filtre

Tri et pagination

• Le tri (prix croissant, date, surface) doit être accessible au clavier
• La pagination doit utiliser <nav aria-label="Pagination des résultats">
• Le chargement infini (scroll) doit avoir un bouton « Charger plus » en alternative

Fiches d'annonces accessibles

Galerie photos

Les galeries sont essentielles pour une annonce immobilière :

• Textes alternatifs descriptifs : « Salon lumineux de 25 m² avec parquet, vue sur jardin » plutôt que « Photo 3 »
• Navigation clavier : flèches gauche/droite pour naviguer, Escape pour fermer le mode plein écran
• Compteur : annoncer « Photo 3 sur 12 » de manière accessible
• Lightbox accessible : focus trap, bouton fermer visible et accessible, retour du focus à l'élément déclencheur

Informations du bien

• Caractéristiques : utiliser des listes de définitions <dl> ou des tableaux structurés pour les caractéristiques (surface, pièces, étage, DPE)
• DPE (Diagnostic de Performance Énergétique) : le graphique de classe énergétique doit avoir une alternative textuelle (« Classe énergétique : D, 210 kWh/m²/an »)
• Localisation : fournir l'adresse en texte en plus de la carte
• Prix : clairement identifié, pas dans une image

Cartes interactives

Les cartes sont omniprésentes en immobilier mais souvent inaccessibles :

• Alternative en liste : proposer une vue « Liste » en plus de la vue « Carte » avec les mêmes informations
• Marqueurs accessibles : chaque bien sur la carte doit être un bouton focusable avec un label descriptif
• Clusters : les regroupements de marqueurs doivent indiquer le nombre de biens et être explorables
• Contrôles de zoom : boutons +/- accessibles au clavier

Visites virtuelles 360°

Les visites virtuelles sont un atout commercial mais un défi d'accessibilité :

• Proposer une galerie commentée comme alternative à la visite 3D
• Fournir un plan du logement en format accessible (SVG avec descriptions ou tableau des pièces)
• Décrire textuellement chaque pièce : dimensions, orientation, équipements, état

Formulaires de contact et prise de rendez-vous

• Le formulaire de contact sur chaque annonce doit avoir des labels clairs
• La prise de rendez-vous avec sélection de créneau doit être accessible au clavier
• Les numéros de téléphone doivent être des liens tel: cliquables
• Le chatbot (si présent) doit être accessible au clavier et aux lecteurs d'écran

Trouver un logement est un besoin fondamental. Un site immobilier inaccessible exclut des millions de personnes de la recherche de leur futur chez-soi.