Accessibilité

Critère 1.1 — Chaque image porteuse d'information a-t-elle une alternative textuelle ?

3 icônes SVG (Facebook, Twitter, LinkedIn) dans le pied de page utilisent role="img" avec aria-labelledby pointant vers des ID inexistants dans le DOM (ex. footerIconFacebookTitle) : ces images porteuses d'information n'ont donc aucune alternative textuelle perceptible par les technologies d'assistance.

Page(s) concernée(s) : Toutes les pages échantillonnées

Critère 2.1 — Chaque cadre a-t-il un titre de cadre ?

Un cadre (iframe) sans attribut title est présent sur la page Contact et sur la page Mentions légales (widget probable de gestion des cookies/consentement) ; un second cadre sans titre (id="hist", widget d'historique des taux) est présent sur la page de contenu "Taux immobilier".

Page(s) concernée(s) : Contact, Mentions légales, Contenu (taux immobilier)

Critère 3.2 — Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?

Contraste insuffisant détecté par test automatisé (règle axe-core color-contrast, niveau AA) sur les 5 pages : ex. bouton "Mon projet en 2 minutes" (blanc sur orange #fe523b, ratio 3.23:1, minimum requis 4.5:1), bouton "Je trouve" du moteur de recherche d'agences. Entre 3 et 12 occurrences détectées par page.

Page(s) concernée(s) : Toutes les pages échantillonnées

Critère 5.4 — Pour chaque tableau de données ayant un titre, le titre est-il correctement associé au tableau de données ?

Le tableau des taux immobiliers est précédé visuellement d'un titre ("Les taux immobiliers de juillet 2026") mais celui-ci n'est associé au tableau par aucun mécanisme technique (pas de <caption>, pas d'aria-labelledby).

Page(s) concernée(s) : Accueil, Contenu (taux immobilier)

Critère 5.6 — Pour chaque tableau de données, chaque en-tête de colonne et chaque en-tête de ligne sont-ils correctement déclarés ?

Les en-têtes de colonnes du tableau des taux sont correctement déclarés en <th> (Durée, Tendance, Meilleur taux, Taux moyen), mais les en-têtes de ligne (durées : 7 ans, 10 ans, 15 ans...) sont codés en <td> au lieu de <th scope="row">.

Page(s) concernée(s) : Accueil, Contenu (taux immobilier)

Critère 5.7 — Pour chaque tableau de données, la technique appropriée permettant d'associer chaque cellule avec ses en-têtes est-elle utilisée (hors cas particuliers) ?

Aucun attribut scope, ni technique headers/id, n'est utilisé pour associer explicitement chaque cellule de données à ses en-têtes de ligne et de colonne.

Page(s) concernée(s) : Accueil, Contenu (taux immobilier)

Critère 6.2 — Dans chaque page web, chaque lien a-t-il un intitulé ?

Les flèches de navigation précédent/suivant du carrousel d'avis clients (id="wcb_nav_prec" / "wcb_nav_suiv") sont des liens (href="javascript:") ne contenant qu'une icône décorative (<span class="nav-chevron">), sans texte, ni aria-label : ils n'ont aucun intitulé accessible.

Page(s) concernée(s) : Toutes les pages échantillonnées

Critère 8.2 — Pour chaque page web, le code source généré est-il valide selon le type de document spécifié ?

Le validateur Nu HTML Checker du W3C détecte des erreurs de code sur 4 des 5 pages testées : Accueil (47 erreurs), Contact (37), Contenu/taux immobilier (46), Mentions légales (36). Erreurs typiques : <div> non autorisé comme enfant de <button>, attribut xmlns SVG invalide, attributs id vides ou dupliqués. La page 404 est valide (0 erreur).

Page(s) concernée(s) : Toutes les pages échantillonnées

Critère 9.2 — Dans chaque page web, la structure du document est-elle cohérente (hors cas particuliers) ?

La structure des landmarks n'est pas totalement cohérente : deux éléments <nav> (menu principal et menu mobile) ne portent aucun aria-label permettant de les distinguer, ce qui nuit à la navigation structurée par les technologies d'assistance (règle axe landmark-unique).

Page(s) concernée(s) : Toutes les pages échantillonnées

Critère 11.1 — Chaque champ de formulaire a-t-il une étiquette ?

Sur le formulaire principal de contact, la majorité des champs (civilité, nom, prénom, email, service, agence, message) disposent d'une étiquette correctement associée. En revanche, un champ de recherche de ville par code postal ("cp_ville", présent dans le module "Trouver une agence" sur toutes les pages) et un champ email de newsletter ("emp_email") n'ont aucune étiquette (ni <label>, ni aria-label).

Page(s) concernée(s) : Toutes les pages échantillonnées

Critère 11.10 — Dans chaque formulaire, le contrôle de saisie est-il utilisé de manière pertinente (hors cas particuliers) ?

La liste déroulante "Civilité" est imbriquée à l'intérieur de son propre <label for="civilite">, ce qui produit un nom accessible ambigu/vide pour les technologies d'assistance (détecté par la règle axe select-name, niveau critique) ; un problème identique affecte le sélecteur de région (#reg_select) sur la page Contenu.

Page(s) concernée(s) : Contact, Contenu (taux immobilier)

Critère 12.6 — Les zones de regroupement de contenus présentes dans plusieurs pages web (zones d'en-tête, de navigation principale, de contenu principal, de pied de page et de moteur de recherche) peuvent-elles être atteintes ou évitées ?

Les zones d'en-tête, de navigation principale et de pied de page sont repérables, mais deux zones de navigation (<nav>) ne sont pas correctement identifiées par un intitulé (aria-label), ce qui complique leur repérage/évitement par les technologies d'assistance (cf. 9.2).

Page(s) concernée(s) : Toutes les pages échantillonnées

Critère 12.7 — Dans chaque page web, un lien d'évitement ou d'accès rapide à la zone de contenu principal est-il présent (hors cas particuliers) ?

Aucun lien d'évitement ("aller au contenu principal") n'a été trouvé en tout début de code sur les pages testées : les utilisateurs au clavier/lecteur d'écran doivent parcourir l'intégralité du menu avant d'atteindre le contenu principal.

Page(s) concernée(s) : Toutes les pages échantillonnées