“Sur la refonte du site Buffalo Grill, l’accessibilité a été une contrainte positive, jamais un frein”

Avec une note de 85,88% selon les critères fixés par le RGAA, le nouveau site des restaurants Buffalo Grill démontre que l’accessibilité de ses interfaces était au cœur des enjeux de sa récente refonte conduite par les équipes design et développement de USERADGENTS. Ne pas tenir compte de l’accessibilité aujourd’hui, c’est nier un droit fondamental et potentiellement dégrader l’expérience de 30% de son audience¹. Mais alors quelle place a été faite à l’accessibilité durant les différentes étapes du projet ? Comment ce chantier a-t-il été mené ? Qu’est-ce que ça change réellement pour les utilisateurs ? Nous avons interrogé Marion Orcel, Chef de projet Web chez Buffalo Grill et Michel Buonomo, Directeur Conseil en charge du sujet chez USERADGENTS pour avoir les réponses.

Qu’est-ce qui a motivé la refonte du site Web Buffalo Grill ? 

Marion Orcel : Cette refonte s’inscrit dans la nouvelle vision de la marque, pour que tous nos supports soient en phase : spots TV, cartes, sets de table… Depuis quelques temps, nous modernisons notre image avec un nouvel ADN “American Food Trip” et nous avons pour cela enclenché un plan de rénovation des restaurants où l’on retrouve maintenant différents espaces thématiques avec des boxes qui représentent chacun l’univers d’un état des USA (ndlr : par exemple une “Wedding Chapel” façon Las Vegas). Nous voulons que l’expérience en restaurant se transforme en invitation au voyage pour les clients, que chaque visite soit différente de la précédente. La refonte de notre site web a la même ambition. Nous voulions aussi donner un gros coup de jeune à un site qui était devenu vieillissant et difficile à administrer. L’objectif était de le rendre plus beau, plus fonctionnel, plus en accord avec les attentes des clients et aussi plus facile à gérer par nos équipes.

Michel Buonomo : USERADGENTS a accompagné Buffalo Grill dans une refonte globale, qui va de la réflexion stratégique au développement back et front-end en passant par la conception et le design. Nous sommes quasiment partis d’une feuille blanche en réinventant les parcours et les codes de Buffalo Grill sur le digital à partir des standards créatifs que la marque était en train de poser, pour façonner le site à l'image des nouveaux restaurants. Le site n’est pas marchand mais il a de gros objectifs de conversion pour emmener les clients dans les restaurants. Il doit les séduire, les renseigner sur les offres et les cartes, sachant que les prix peuvent différer en fonction de chaque restaurant en France… Bref, il doit s’adapter à la réalité de chaque visiteur. Sur la partie technique, là aussi, nous avions un double enjeu : côté back-end pour que l’administration soit beaucoup plus malléable qu’auparavant en revoyant complètement le CMS en place, Drupal, et côté front-end, pour faire en sorte que le site soit agréable à naviguer. 

L’accessibilité était-elle une priorité dès le début de la refonte du site web ? 

MO : L’accessibilité est un sujet au cœur de la politique de Buffalo Grill. Nous voulions que le site soit en phase avec notre engagement pour l’inclusion et la diversité. Il faut savoir que 90% de tout le contenu qui est présent sur internet n’est pas encore accessible à tous et les personnes souffrant d’un handicap moteur, visuel, auditif ou cognitif peuvent avoir du mal à naviguer sur la plupart des sites. Rendre les contenus accessibles, ça veut dire les rendre perceptibles, compréhensibles, utilisables et suffisamment robustes pour que certains outils d’assistance puissent les décrypter.

MB : Chez USERADGENTS, nous pensons que l’accessibilité est aujourd’hui un sujet à aborder dès les premiers échanges avec nos clients, comme ça a été le cas avec Buffalo Grill. Auparavant, c'était plus des idéaux et cela ne se matérialisait pas forcément avec des actions concrètes et des engagements et objectifs précis. Mais depuis quelques années, on observe une prise de conscience croissante des annonceurs concernant leur obligation morale et économique de respecter les normes d'accessibilité édictées par le RGAA en France. Par ailleurs, les sanctions déjà existantes vont se renforcer dans le cadre de l'EAA (European Accessibility Act) en 2025 pour les grandes entreprises et les administrations qui n’auront pas mis en conformité leur site Web et leurs applications mobiles.

MO : Le cabinet AccessiWay² nous a accompagnés des phases de conception jusqu’à la mise en production, mais également jusqu’à l’audit qui nous a permis d’obtenir cette note de 85,88%. Ils nous ont permis de définir le cadre et de contrôler les livrables tout au long du projet. Et c'est grâce à cette collaboration tripartite que nous avons atteint notre objectif ambitieux, dans les meilleures conditions.

Comment se traduit cette accessibilité dans le parcours des utilisateurs ? 

MO : Cela passe par plein de choses. Pour les personnes ayant un trouble visuel, nous avons rendu le site internet totalement adapté aux technologies de lecteurs d’écran qui lisent oralement les contenus et aident à la navigation. Nous avons aussi travaillé sur les contrastes de couleurs et les tailles de textes. Pour les personnes ayant un trouble auditif, toutes nos vidéos et audios contiennent des sous-titres. Pour les personnes qui ont des mouvements limités à cause d’une paralysie par exemple, le site est utilisable avec le clavier uniquement, sans utiliser la souris et donc avec une seule main. Pour les personnes qui ont des troubles de l’apprentissage ou des troubles de la concentration, nous proposons un design plus épuré, avec des instructions claires et tout ce qui est dynamique est contrôlable. Rien ne se déclenche de façon automatique.

Comment construit-on un site web accessible ? 

MB : Dès le cadrage ! Pour le cas de Buffalo Grill, nous avons échangé sur les critères à prendre en compte et ils ont été placés au cœur des ateliers UX, au moment d’imaginer les interfaces mais aussi les parcours. L’accessibilité ne se résume pas au design ou à la place des boutons, cela recouvre la navigation du site dans son entièreté, comment on passe d'une page à l'autre, etc. La suite du travail s’est passée pendant les développements, car tout le travail de conception est vain s’il n’est pas objectivé d'un point de vue qualité du code. Les équipes UX, UI et Tech ont réellement travaillé main dans la main et précisons que pour eux, l'accessibilité n’a jamais été un frein, c’était plutôt une contrainte positive. Les développeurs par exemple ne vont pas développer plus difficilement, ils vont développer différemment. Toutes les intégrations front-end ont été faites avant le back-end, ce qui a permis de lancer l’audit avant que le site soit mis en production, pour affiner au fur et à mesure la méthodologie. Ce qui fait que quand nous sommes passés en production, les interfaces étaient déjà accessibles.

Y a-t-il une volonté de continuer à faire augmenter la note d’accessibilité du site ? 

MO : Si possible oui mais le plus difficile reste de maintenir notre bon niveau. La plupart des acteurs vont juste chercher à se mettre en conformité, mais nous, nous sommes déjà bien au-dessus. Je pense que cela tient au fait que nous n’avons jamais voulu sacrifier quoi que ce soit dans nos chantiers d’accessibilité, quitte à ce que cela retarde la sortie du site. Alors aujourd’hui, nous avons sorti tout ce que nous voulions sortir, l’audit a validé ça et pour l’instant, il n'y a pas d'autre sujet à traiter pour améliorer la note. 

MB : Il faudra s'améliorer s'il y a des évolutions techniques et technologiques uniquement. Il faut comprendre en fait que l'accessibilité n'a pas été une fin en soi dans la refonte du site. C'était un pan stratégique certes mais au même titre que la performance par exemple. Nous n’avons pas construit un site autour de l'accessibilité en se disant “comme ça on sera les meilleurs élèves”. Non, de la même manière que chez Buffalo Grill, l’accessibilité fait partie de la politique RSE, elle fait partie des piliers d’un site web et nous avons fait avec. 

Avez-vous déjà des retombées sur ces travaux enclenchés sur l’accessibilité ? 

MO : On a surtout de très bons retours de l'interne : des restaurants, des salariés, du siège. Tout le monde est fier d’avoir rendu le site accessible à quasi tous nos utilisateurs. 

MB :  Nous n’avons pas encore de verbatims clients, néanmoins je pense que l'absence de remontées négatives constitue une remontée positive. Cela prouve que le site est bien fait, qu’il n’y a pas de problème majeur. Souvent, sur des grosses refontes, les utilisateurs viennent facilement dire que le site n’est pas assez accessible. Si on ne respecte pas les critères de base, on en entend vite parler. 

Quelles sont les prochaines étapes pour le site Buffalo Grill et pour USERADGENTS ?

MO : Le prochain temps fort va être l’intégration du nouveau programme de fidélité : faire remonter les bonnes informations, s’inscrire dans la continuité de son usage en restaurant… En gros, créer son alter ego sur le site. 

MB : Sur l’accessibilité, de notre côté, nous sommes en train de travailler à la création d’une offre par défaut incluant un socle d’accessibilité pour nos clients, tout simplement car cela fait désormais partie de nos métiers et que cela doit devenir un standard. Nos équipes, design conseil & tech ont d’abord établi une checklist des éléments à vérifier pour qu’un site ou une application soit conforme aux normes WCAG et aux critères de vérification RGAA. Et aujourd’hui, au vu de la prise de conscience générale, nous voulons aller un cran plus loin pour naturellement intégrer l’accessibilité aux réflexions qui ont lieu en amont de la conception d’un service. Nous sommes en train de mettre à plat l’ensemble des critères existants pour déterminer ceux qui font partie de nos engagements de base et ceux qui pourraient nécessiter un travail et des moyens spécifiques. Le but étant que tous nos experts soient aussi des experts de l’accessibilité. Nous avons pour cela nommé une référente sur les sujets accessibilité, éco-conception et privacy en interne pour coordonner ces chantiers et nous prévoyons de certifier tous nos collaborateurs actuels ou futurs.

Vous voulez en savoir plus sur la refonte Buffalo Grill ou sur l’accessibilité ? Consultez le case study ainsi que notre étude sur le sujet et n’hésitez pas à contacter nos équipes si vous avez vous-même un projet de site web ! 

¹ Guide de l’accessibilité digitale - Content Square - mai 2021

 ² Cabinet d'accompagnement sur l’accessibilité numérique.