Déclaration
d'accessibilité.

01 État de conformité

02 Lire le site à votre façon

La visite en 3D est un décor

L'accueil, les étages et plusieurs pages montrent un immeuble en trois dimensions. C'est un décor : il est caché aux lecteurs d'écran. Les textes, les liens, les boutons et le formulaire sont écrits dans la page, en texte ordinaire. Sans JavaScript, la visite ne se lance pas et le texte reste lisible : je l'ai vérifié sur l'accueil, un étage et la page de contact.

En haut des étages 1 à 6, le lien « Lire l'offre sans la visite » arrête la visite : la page devient une page ordinaire, et le clavier se pose sur le titre de l'offre.

Le mouvement

Si votre appareil demande de réduire les animations, la visite ne se joue pas : les pages à décor s'affichent à plat, sans mouvement. Le bouton « Arrêter les animations », au deuxième appui sur la touche Tab de chaque page, fait la même chose. Le site s'en souvient d'une page à l'autre, et le même bouton relance les animations. Sur l'accueil à plat, « Visiter l'immeuble » mène tout de suite aux choix de la tablette d'accueil.

Le clavier

Tout se fait au clavier : Tab pour avancer, Maj + Tab pour reculer, Entrée pour suivre un lien ou presser un bouton, Échap pour fermer le menu ou le panneau de réglages. Sur chaque page, le premier appui sur Tab montre le lien « Aller au contenu principal ». Sur l'accueil, un troisième accès rapide, « Aller au panneau de l'ascenseur », mène droit aux boutons des étages. Hors de la visite en 3D, l'élément qui a le clavier est entouré d'un trait visible. Pendant la visite, le clavier a encore des défauts : je les décris à la section 05.

Le panneau d'affichage et de lecture

Le bouton rond, en bas à droite de chaque page, ouvre un panneau de réglages. Au clavier, Alt + Maj + A l'ouvre et le ferme, Échap le ferme. Tant qu'il est ouvert, le clavier reste dedans ; à la fermeture, il revient au bouton. Les réglages sont gardés dans votre navigateur, sur cet appareil : rien n'est envoyé.

• Thème : clair, sombre, ou celui de votre appareil.
• Texte : taille de 100 à 150 %, interligne large ou très large, espacement des lettres et des mots, police très lisible, texte aligné à gauche.
• Lisibilité : contraste renforcé, liens soulignés, titres soulignés, niveaux de gris, images masquées.
• Lecture : guide de lecture qui suit le pointeur, curseur agrandi, lecture à voix haute de la sélection ou de la page.
• Mouvement et fond : animations réduites, fond décoratif masqué.
• Tout réinitialiser, en un geste.

Le panneau donne aussi un lien « Signaler un obstacle », qui ouvre le formulaire de contact. Il complète les réglages de votre navigateur et de votre appareil sans les remplacer : le zoom du navigateur agrandit tout le site.

Le formulaire de contact

Chaque champ porte son nom, écrit au-dessus de lui, et les champs obligatoires le disent. Si un champ manque, le message d'erreur s'écrit sous le champ, le nombre de champs à compléter s'affiche, et le clavier va au premier champ à corriger. L'envoi en cours, puis son résultat, s'écrivent dans une zone de statut, prévue pour être lue par les lecteurs d'écran sans déplacer le clavier. Si l'envoi échoue, votre message reste prêt à partir de votre propre messagerie, avec un bouton pour le copier. Il n'y a pas de limite de temps.

Les études de cas en PDF

Les trois études de cas existent en page web et en PDF, avec le même texte. Je vous conseille la page web, surtout avec un lecteur d'écran : les PDF déclarent leur langue et leurs titres, mais je ne les ai pas contrôlés selon la norme des PDF accessibles.

Le blog

Les articles du blog sont des pages simples, sans décor en 3D. Chacun a un seul grand titre, des intertitres dans l'ordre et des liens soulignés dans le texte. Un tableau trop large pour l'écran défile dans sa boîte, que le clavier atteint ; sur un téléphone, chaque ligne du tableau devient une fiche qui rappelle le nom de ses colonnes. Les listes d'articles raccourcissent le résumé de chacun ; le texte entier est dans l'article.

03 Ce que j'ai vérifié

C'est une auto-évaluation, faite le 7 octobre 2026 : aucun organisme extérieur ne l'a menée ni relue.

• Pages : les 166 pages du site. Les 17 pages principales, les 6 étages, les 3 études de cas en page web, et les 140 pages du blog : 123 articles, 7 pages de rubrique et 10 pages d'archives.
• Contrôle automatique : un logiciel libre de contrôle d'accessibilité a passé chaque page, en thème clair puis en thème sombre, avec les règles WCAG 2.0, 2.1 et 2.2 de niveaux A et AA et ses bonnes pratiques, dans un navigateur récent, fenêtre de 1280 pixels de large.
• Clavier : je suis passé touche par touche sur l'accueil jusqu'à un étage, sur l'étage 1, sur la page de contact et son formulaire, sur le panneau de réglages et sur un article du blog. Pour le formulaire, la réponse du site était simulée : aucun message n'est parti. J'ai aussi suivi l'ordre de la touche Tab sur 25 pages à plat, en clair et en sombre. La visite en 3D, je l'ai essayée avec la carte graphique de l'ordinateur, puis sans accélération graphique, ce qui la rend bien plus lente.
• Contrastes : la couleur de chaque texte des 166 pages contre son fond, en thème clair et en thème sombre, avec et sans le contraste renforcé, soit plus de 23 000 textes à chaque fois. Ce calcul ne sait pas trancher certains textes : ceux posés sur un dégradé ou sur un fond dessiné à part, comme la barre du haut, les numéros de section dessinés au trait, et ceux qui passent devant le décor en 3D. Pour eux, j'ai mesuré au pixel, sous les lettres, au moins un texte de chaque sorte, en clair et en sombre, soit 264 mesures.
• Agrandissement : chaque page à 320 pixels de large, puis comme un zoom à 200 % d'une fenêtre de 1280 par 1024 pixels, animations arrêtées ; et les 15 pages à décor au même zoom, pendant la visite en 3D.
• Mouvement et script : les 15 pages à décor avec la réduction des animations demandée, et quatre pages sans JavaScript.
• Technologies du site : HTML, CSS, JavaScript et SVG ; pour le décor en 3D, WebGL et WebAssembly, avec une bibliothèque libre, citée dans les mentions légales et servie avec le site. Aucune page ne charge de fichier ailleurs.
• Pas fait : aucun test avec un lecteur d'écran, aucun test avec des personnes en situation de handicap, aucun essai sur un vrai téléphone, aucun contrôle des PDF selon leur norme.

Les mesures automatiques du site, datées, sont publiées sur la page Tests techniques.

04 Résultats

Contrôles du 7 octobre 2026, sur les 166 pages.

Contrastes : d'après les couleurs des pages, le contraste le plus faible entre un texte et son fond est de 5,34 pour 1 en thème clair et de 4,64 pour 1 en thème sombre ; le seuil est de 4,5 pour 1. Avec le contraste renforcé, il est de 7,61 pour 1 en sombre. En clair, un bouton tombe à 2,2 pour 1, sous le seuil : je le décris à la section 05 ; les autres textes restent à 5,34 pour 1 au moins, car quelques pages gardent leurs propres couleurs, que ce réglage ne change pas. Les 264 mesures au pixel sont toutes au-dessus du seuil. Le titre de l'accueil, grand texte posé devant le décor, garde au moins 3,31 pour 1 sous chacune de ses lettres ; son seuil est de 3 pour 1.

Clavier : sur les 25 pages parcourues à plat, Tab atteint chaque lien, chaque bouton et chaque champ affiché, dans l'ordre de la page, et l'élément qui a le clavier reste entouré d'un trait visible. Dans une liste de choix, comme les motifs du formulaire, on passe de l'un à l'autre avec les flèches. Sur les étages, la pastille « Retourner à l'ascenseur », qui suit la page, s'efface quand le bas de la page arrive : le clavier ne la trouve donc pas toujours, et l'on rejoint l'ascenseur par le bouton du même nom, en bas de page. Le formulaire a montré ses erreurs, son envoi réussi et son envoi en échec comme je les décris plus haut. Pendant la visite en 3D, j'ai relevé des défauts, décrits à la section 05.

Agrandissement : à 200 %, aucune page ne défile sur le côté, à plat comme pendant la visite en 3D. Le texte des pages se lit en entier, sauf dans les listes du blog : comme sur un téléphone, elles raccourcissent alors davantage les résumés, et la une ne garde que celui de son premier article ; le texte entier reste dans chaque article. J'ai relevé deux défauts, décrits à la section 05 : pendant la visite en 3D, les boutons de la tablette d'accueil se chevauchent ; dans les articles, le bouton « Imprimer la fiche » disparaît. À 320 pixels de large, trois articles débordent de 18 à 30 pixels.

05 Ce qui ne va pas encore

Défauts relevés

• Accueil, au clavier, sur un ordinateur sans accélération graphique. Quand l'ordinateur dessine la 3D sans sa carte graphique, la visite est lente. Après « Visiter l'immeuble », le clavier reste alors sur ce lien, qui n'est plus visible, au lieu de passer à la tablette d'accueil. Lors de mes essais, il ne s'y est posé seul qu'une fois, au bout de vingt secondes ; quinze appuis sur Tab ne l'y ont pas mené, et pendant ce temps on ne voyait pas où il était. Avec la carte graphique, le clavier se pose seul sur le premier choix de la tablette, au bout de quatre secondes environ. Prévu : que le clavier se pose sur la tablette même quand la visite est lente. En attendant, « Arrêter les animations » ou « Aller au panneau de l'ascenseur » évitent ce passage.
• Pages en 3D, au clavier, sur tout ordinateur. Quand le clavier passe d'une partie de la visite à une autre, la visite se déplace d'abord, et la touche Tab attend la fin du déplacement. Pendant ce temps, on ne voit pas toujours où est le clavier : sur l'accueil, de la tablette au panneau de l'ascenseur, il n'est sur rien de visible pendant près de cinq secondes. Lors de mon essai sur la page de contact, avec la carte graphique, il a fallu 21 appuis sur Tab pour atteindre le formulaire en appuyant toutes les 0,4 seconde, 15 en appuyant toutes les 0,9 seconde, et 11 en arrêtant d'abord les animations ; sans accélération graphique, il en faut bien davantage. Prévu : que Tab ne soit plus retenue pendant la visite, et que l'on voie toujours où est le clavier. En attendant, « Arrêter les animations », ou « Lire l'offre sans la visite » sur les étages, donnent une page ordinaire.
• Accueil, zoom à 200 %, pendant la visite en 3D. Les boutons de la tablette d'accueil suivent la taille de la tablette dessinée : à 200 %, ils grossissent peu et se chevauchent. Le mot « logiciel » de « Un site, un logiciel » est à moitié caché par « Des clients », qui recouvre aussi « Voir tous les étages ». Prévu : que ces boutons gardent leur place et grandissent avec le zoom. En attendant, « Arrêter les animations » donne une page à plat, où ces choix sont des boutons ordinaires.
• 78 articles du blog, écran étroit ou zoom à 200 %. Quand la page fait moins de 720 pixels de large, ce qui arrive à 200 % sur un écran de 1280 pixels, le bouton « Imprimer la fiche » disparaît. L'impression du navigateur reste possible, mais elle imprime l'article entier au lieu de la seule fiche. Prévu : garder ce bouton quand la page est agrandie.
• Catalogue des réalisations, contraste renforcé, thème clair. Le filtre « Tout », enfoncé à l'ouverture de la page, est écrit en blanc sur un bleu clair : 2,2 pour 1, sous le seuil de 4,5 pour 1. Prévu : corriger sa couleur dans ce réglage. En attendant, il reste lisible sans le contraste renforcé, ou en thème sombre.
• 41 articles du blog. La légende d'un tableau contient un lien vers sa source. Les rôles donnés à ces tableaux n'autorisent pas un lien à cet endroit, et le contrôle automatique compte une erreur grave par article. Prévu : corriger le modèle des articles, puis les publier de nouveau.
• 3 articles du blog, à 320 pixels de large. Dans la liste des sources, l'adresse d'un site est trop longue pour l'écran : la page se décale de 18 à 30 pixels sur le côté. Prévu : couper ces adresses à la ligne, dans le modèle des articles.

Ce que je n'ai pas pu vérifier

• Aucun test avec un lecteur d'écran : c'est la principale limite de ce travail. Des défauts d'ordre de lecture ou d'annonce peuvent rester.
• Aucun test avec des personnes en situation de handicap.
• Pas d'audit complet des 106 critères sur le site actuel. Il est prévu ; sa date n'est pas fixée.
• Les PDF des études ne sont pas contrôlés selon la norme des PDF accessibles. La page web de chaque étude donne le même texte.
• La lecture à voix haute du panneau dépend des voix installées sur votre appareil : une voix française peut manquer.

Contenus qui ne dépendent pas de moi

Le site ne diffuse ni vidéo ni son. L'entretien filmé cité sur la page Presse, les articles de presse et les sites vers lesquels je renvoie sont chez leurs auteurs : je ne peux pas les rendre accessibles.

Dérogations

Aucune.

06 Signaler un obstacle

Si quelque chose vous bloque sur ce site, dites-le-moi : par le formulaire de contact, ou par courriel à contact@garbewajda.com. Indiquez la page et ce qui vous gêne. Je vous réponds sous 12 heures, du lundi au vendredi, et je corrige dès que possible.

07 Voies de recours

Si vous m'avez signalé un obstacle et que ma réponse ne vous convient pas, ou que je ne vous ai pas répondu, vous pouvez saisir le Défenseur des droits : par son formulaire en ligne, auprès d'un délégué dans votre département, ou par courrier gratuit, sans timbre, à l'adresse : Défenseur des droits, Libre réponse 71120, 75342 Paris CEDEX 07.