Accessibilité de ton site restaurant : problèmes WCAG et comment les résoudre

Imagine un client malvoyant qui utilise une fonction de lecture vocale pour vérifier sur ton site si vous proposez un plat sans gluten. Ou un client plus âgé qui essaie de lire ta carte sur son téléphone, mais bute sur un texte gris de 10 pixels sur un fond gris clair. Tous les deux repartent, non pas parce que ta cuisine ne convient pas, mais parce que ton site leur met des bâtons dans les roues. C’est exactement ça, l’accessibilité : un site que tout le monde peut utiliser, quel que soit son handicap, son âge ou l’appareil sur lequel il regarde.

Que signifie l’accessibilité pour un site restaurant ?

L’accessibilité repose sur la norme internationale WCAG (Web Content Accessibility Guidelines). Ça sonne technique, mais ça se résume à quatre questions simples : est-ce que tout le monde peut percevoir ton contenu (assez de contraste, des textes alternatifs sur les images), est-ce que tout le monde peut utiliser ton site (même seulement au clavier, même avec des mains tremblantes sur un petit écran), ton contenu est-il compréhensible (langage clair, structure logique), et la technique est-elle robuste au point de fonctionner avec des outils comme un lecteur d’écran.

Pour un restaurant, un hôtel ou un camping, ce n’est pas une question abstraite. Tes clients sont un échantillon représentatif de la société : des clients plus âgés, des clients avec un handicap visuel ou moteur, des clients qui essaient de lire ton site sur un tout petit écran de téléphone en plein soleil. Un site accessible fonctionne aussi bien pour toutes ces personnes que pour les autres.

Est-ce aussi une obligation légale ?

L’accessibilité n’est plus seulement une question de politesse. Depuis juin 2025, l’European Accessibility Act (loi européenne sur l’accessibilité) impose des exigences aux sites web des entreprises qui proposent certains services en ligne, comme les réservations en ligne, la commande en ligne ou une boutique en ligne. Beaucoup de restaurants, hôtels et campings sont désormais concernés, justement parce que réserver et commander se fait aujourd’hui en ligne par défaut.

Pas de quoi paniquer : il s’agit surtout d’une série de règles de base pratiques, et la plupart se corrigent avec de petits ajustements. Ne vois pas ça comme une menace d’amende, mais comme une bonne raison d’améliorer quelque chose qui appartient de toute façon à un site agréable.

Les problèmes les plus fréquents sur les sites restaurant

Dans la pratique, on retrouve souvent les mêmes types de problèmes :

• Trop peu de contraste : un texte gris clair sur fond blanc paraît peut-être élégant, mais reste à peine lisible pour beaucoup de clients.
• Textes alternatifs manquants : des photos de plats sans description sont invisibles, donc incompréhensibles, pour un lecteur d’écran.
• Une carte en PDF ou en photo : une carte scannée ne peut pas être lue à voix haute par un lecteur d’écran, aussi nette soit la photo.
• Titres et structure peu clairs : sans hiérarchie H1/H2 logique, un outil d’assistance ne sait pas quels sont les points principaux d’une page.
• Zones cliquables minuscules : une petite croix ou flèche est difficile à toucher sur mobile pour tout le monde, et quasiment impossible pour les clients avec un handicap moteur.
• Formulaires sans labels clairs : un formulaire de réservation où un lecteur d’écran ne sait pas quel champ correspond à quelle information.

Étape par étape : rendre ton site plus accessible

Pas besoin de tout régler en un après-midi. Avance simplement dans la liste du haut vers le bas :

1. Remplace ta carte en PDF ou en photo par une vraie carte en ligne. Une carte numérique est indexable et peut être lue à voix haute, un PDF non.
2. Ajoute des textes alternatifs à toutes tes photos. Reparcours ta galerie photo et tes photos de plats, ou laisse la checklist SEO compléter en une fois les textes alternatifs manquants.
3. Vérifie le contraste des couleurs de ton identité visuelle. Dans ton identité visuelle, choisis des couleurs de texte qui se détachent clairement du fond, surtout sur les boutons et les prix de ta carte.
4. Assure-toi que chaque page a une structure de titres logique. Un seul H1 par page, avec des H2 et H3 bien rangés en dessous, sans sauter de niveau.
5. Teste ton site au clavier. Peux-tu naviguer avec Tab dans ta carte, ton formulaire et ton widget de réservation sans souris ? Si non, c’est un signal à transmettre à ton développeur ou ta plateforme.
6. Ajoute des labels à tes champs de formulaire. Chaque champ de ton formulaire de contact ou de réservation doit indiquer clairement ce qu’on y attend, même pour quelqu’un qui ne voit pas l’écran.
7. Lance un test d’accessibilité gratuit. Des outils comme WAVE ou l’audit Lighthouse de Chrome montrent en quelques secondes où se trouvent les plus gros problèmes.

Ce que Sitebite gère déjà pour toi

Une partie de ce travail, tu n’as pas à la faire toi-même avec Sitebite. Les templates sont conçus avec des tailles de texte lisibles et un contraste suffisant, les titres suivent automatiquement une structure logique, et ton site est nativement responsive et utilisable au clavier. Mets ta carte en ligne plutôt qu’en PDF, et elle devient immédiatement lisible à voix haute. Et en passant par la checklist SEO, tu rattrapes en même temps les textes alternatifs manquants, ce qui profite à la fois à ta visibilité et à ton accessibilité. Un site rapide compte aussi ici : les pages lentes frustrent justement les clients qui doivent déjà fournir plus d’efforts pour utiliser ton site, donc la vitesse de chargement et l’accessibilité vont de pair.

Questions fréquentes

Mon site restaurant doit-il être entièrement conforme aux WCAG ?

Pour la plupart des établissements horeca, il s’agit de fournir un effort raisonnable sur les points essentiels : contraste, textes alternatifs, une carte utilisable et des formulaires clairs. Tu n’as pas besoin d’obtenir un score parfait sur chaque détail de la norme pour déjà mieux servir beaucoup de clients.

Est-ce que ça prend beaucoup de temps ?

Non. La plupart des problèmes se résolvent avec quelques ajustements : numériser une carte, compléter les textes alternatifs et vérifier tes couleurs. C’est généralement l’affaire d’une heure, pas une refonte de ton site.

L’accessibilité aide-t-elle aussi pour le SEO ?

Oui. Les textes alternatifs, des titres clairs et une carte indexable sont exactement ce dont Google et les assistants IA ont besoin pour comprendre ton site. Accessibilité et visibilité tirent ici dans le même sens.

Envie de voir en un coup d’œil où ton site a encore des lacunes ? Essaie Sitebite gratuitement et vérifie ton site sur l’accessibilité et le SEO en même temps.