Accessibilité web et page de réservation resto

Un restaurateur de Québec a refait son site web l'an dernier. Belles photos, menu à jour, bouton « Réserver » bien placé. Trois mois après le lancement, il apprend que sa mère, malvoyante, n'arrive pas à compléter une réservation sur son propre site. Le formulaire n'est pas lisible par un lecteur d'écran. Les contrastes de couleurs sont insuffisants. Le bouton de confirmation n'est pas navigable au clavier.

Son cas n'a rien d'exceptionnel. Selon l'Enquête canadienne sur l'incapacité de 2022, 27 % des Canadiens de 15 ans et plus, soit environ 8 millions de personnes, vivent avec au moins un handicap qui limite leurs activités quotidiennes. Au Québec, c'est plus d'une personne sur cinq (21 %, soit 1,4 million de personnes). Ces gens mangent au restaurant. Ils veulent réserver en ligne comme tout le monde. Et quand ton site les bloque, ils vont ailleurs.

Pourquoi l'accessibilité web concerne ton resto

L'accessibilité web, ce n'est pas un projet philanthropique. C'est un accès à un marché que la plupart des restos ignorent.

À l'échelle mondiale, les personnes en situation de handicap et leur entourage contrôlent 13 000 milliards de dollars US en revenus disponibles. Au Royaume-Uni, les entreprises perdent collectivement 34 milliards de dollars par année en ignorant les besoins de cette clientèle. C'est ce qu'on appelle le « Purple Pound ». Pas de données canadiennes précises à ce niveau, mais le ratio parle de lui-même : un Canadien sur quatre a un handicap, et la majorité de ces personnes sortent au restaurant.

Le handicap, ça ne veut pas dire « en fauteuil roulant ». La grande majorité des incapacités qui affectent la navigation web sont invisibles : basse vision, daltonisme, troubles cognitifs, mobilité réduite des mains, surdité partielle. Quelqu'un qui navigue avec le clavier seulement parce qu'une souris lui cause de la douleur. Quelqu'un qui utilise un lecteur d'écran. Quelqu'un qui a besoin de contrastes élevés pour lire du texte.

Quand ta page de réservation n'est pas accessible, tu ne perds pas seulement une personne. Tu perds le groupe au complet. Personne ne réserve seul dans un resto qui ne peut pas accommoder quelqu'un à la table.

Ce que la loi exige (et ce qu'elle n'exige pas encore)

Le cadre légal canadien en matière d'accessibilité web est en construction. Voici où ça en est, province par province.

Ontario : l'obligation la plus claire

La LAPHO (Loi sur l'accessibilité pour les personnes handicapées de l'Ontario) impose aux entreprises de 50 employés et plus de rendre leurs sites web publics conformes à la norme WCAG 2.0, niveau AA. Le prochain rapport de conformité est dû le 31 décembre 2026. Les amendes peuvent atteindre 100 000 $ par jour pour les sociétés.

Pour un restaurant ontarien avec moins de 50 employés (la grande majorité des indépendants), il n'y a pas d'obligation directe. Mais la loi est le plancher, pas le plafond.

Manitoba : l'obligation la plus récente

Depuis le 1er mai 2025, toute entreprise ayant au moins un employé au Manitoba doit rendre ses sites et applications web conformes à la WCAG 2.1, niveau AA. C'est la norme la plus avancée au pays pour le secteur privé. Des exceptions existent pour contrainte excessive ou impossibilité technique.

Fédéral : en préparation pour 2028

La Loi canadienne sur l'accessibilité s'applique aux entreprises sous réglementation fédérale (banques, télécoms, transports). Les restaurants ne sont pas directement visés. Mais les modifications au Règlement canadien sur l'accessibilité, enregistrées en décembre 2025, imposent aux moyennes et grandes entreprises réglementées de rendre leurs pages web conformes à la norme CAN/ASC-EN 301 549 (qui inclut WCAG 2.1 AA) d'ici juin 2028. La direction est claire : le fédéral rattrape l'Ontario et pousse vers le haut.

Québec : pas encore, mais le vent tourne

Le Québec a la Loi assurant l'exercice des droits des personnes handicapées et le standard SGQRI 008 3.0, qui impose la conformité WCAG 2.1 AA aux sites du secteur public. Mais aucune obligation pour le secteur privé en ce moment.

Ça ne veut pas dire que c'est sans risque. La Colombie-Britannique prépare une réglementation pour le privé. Le Manitoba l'a déjà fait. Le mouvement au niveau fédéral est clair. Le Québec va suivre. La question n'est pas si, mais quand.

Les États-Unis : un signal d'alarme

Si tu penses que les poursuites web, c'est un truc américain qui ne te concerne pas, regarde les chiffres : les restaurants ont été le secteur #1 visé par les poursuites ADA web au premier semestre 2025, avec 614 cas, soit 30 % de tous les dépôts. Les cibles principales : les menus en PDF non accessibles, les systèmes de commande en ligne, et les pages de réservation.

Le tribunal de la Cour d'appel du 9e circuit a confirmé dans Robles c. Domino's que le site web d'un restaurant est une extension de son lieu physique. Si le lieu doit être accessible, le site aussi.

Au Canada, on n'est pas encore là. Mais les tribunaux canadiens suivent souvent la jurisprudence américaine avec quelques années de décalage.

WCAG en 30 secondes : ce que tu dois savoir

WCAG (Web Content Accessibility Guidelines) est la norme technique internationale pour l'accessibilité web. Version actuelle : WCAG 2.2, publiée par le W3C. L'Ontario exige le niveau AA de la version 2.0, le Manitoba la 2.1. Le fédéral pousse vers la 2.1. En pratique, vise WCAG 2.1 AA : c'est le standard qui revient partout.

Quatre principes, en langage resto :

Principe WCAG	Ce que ça veut dire pour ton site
Perceptible	Tout le monde peut voir ou entendre ton contenu (texte alternatif sur les images, contrastes suffisants, sous-titres sur les vidéos)
Utilisable	Tout fonctionne au clavier, pas juste à la souris (navigation, formulaires, boutons)
Compréhensible	Les erreurs dans le formulaire sont expliquées clairement, la langue est identifiée, la navigation est prévisible
Robuste	Le site fonctionne avec les technologies d'assistance (lecteurs d'écran, loupes, commandes vocales)

Les points critiques pour une page de réservation

Ta page de réservation est le point de conversion le plus sensible de ton site. C'est là que l'accessibilité compte le plus, dans les deux sens.

Les erreurs les plus courantes sur les pages de réservation :

Le sélecteur de date est un calendrier visuel sans alternative clavier. Quelqu'un qui navigue au clavier ne peut pas choisir une date. Le sélecteur d'heure utilise un menu déroulant qui ne s'annonce pas correctement aux lecteurs d'écran. Les champs de formulaire n'ont pas d'étiquettes associées : le lecteur d'écran dit « champ de texte vide » au lieu de « Nom ». Le bouton « Réserver » n'a pas de focus visible : impossible de savoir où tu es quand tu navigues au clavier. Les messages d'erreur apparaissent en rouge sans autre indicateur : invisible pour les daltoniens.

Ce que ça coûte de corriger : Pour un restaurant indépendant avec un site simple, la plupart de ces corrections prennent quelques heures de travail. Pas un budget monstre. Le plus gros facteur de coût, c'est le widget de réservation tiers : s'il n'est pas accessible, tu es limité par ton fournisseur.

La question à poser à ton fournisseur de réservation : « Est-ce que votre widget de réservation est conforme à WCAG 2.1 AA ? Avez-vous un VPAT (Voluntary Product Accessibility Template) ? » Si la réponse est floue, c'est un drapeau rouge.

L'accessibilité comme atout marketing (pas juste une obligation)

C'est ici que l'angle change. L'accessibilité n'est pas un coût. C'est un avantage concurrentiel que 95 % des restos ignorent.

Meilleur référencement (SEO)

Les bonnes pratiques d'accessibilité et les bonnes pratiques SEO se chevauchent directement. Le texte alternatif sur les images ? Google le lit aussi. La structure de titres claire (H1, H2, H3) ? C'est ce que les moteurs de recherche utilisent pour comprendre ta page. La navigation au clavier ? Elle implique un code HTML propre, que les robots d'indexation préfèrent.

Selon Level Access, les sites accessibles ont une meilleure performance en recherche organique parce que les mêmes éléments qui aident les lecteurs d'écran aident les moteurs de recherche à indexer et à classer le contenu.

Moins d'abandons de réservation

Dans l'hôtellerie, 85 % des visiteurs quittent un site de réservation avant de compléter. Pas tous pour des raisons d'accessibilité, mais un formulaire confus, un bouton difficile à trouver, un processus qui casse sur mobile, ça touche tout le monde. Rendre un site accessible, c'est le rendre plus facile pour tout le monde. Les personnes âgées. Les gens pressés. Les gens sur un vieux téléphone. L'accessibilité, c'est de la bonne UX.

Un signal de marque

Un restaurant qui affiche une page accessible envoie un message : « On pense à tout le monde. » C'est le même réflexe qu'une rampe d'accès bien intégrée à l'architecture plutôt qu'ajoutée après coup. Ça dit quelque chose sur la qualité de l'attention portée aux détails.

Pour un indépendant qui se positionne sur l'expérience, c'est cohérent. Tu soignes l'ambiance, le menu, le service. Ton site devrait refléter la même attention.

Par où commencer (sans se ruiner)

Tu n'as pas besoin de tout refaire d'un coup. Voici un plan réaliste pour un indépendant.

Semaine 1 : l'audit rapide

Passe ton site dans un outil gratuit comme WAVE ou axe DevTools. Ça va te donner la liste des erreurs les plus flagrantes en deux minutes. Ensuite, essaie de naviguer ton propre site au clavier seulement (Tab, Entrée, Espace, flèches). Si tu ne peux pas compléter une réservation sans souris, tes clients ne le peuvent pas non plus.

Semaine 2-3 : les corrections rapides

Les trois corrections qui donnent le plus de résultats pour le moins d'effort :

1. Texte alternatif sur toutes les images. Pas « image1.jpg ». Une description utile : « Terrasse du restaurant au coucher du soleil, tables en bois avec bougies. »
2. Contrastes de couleurs. Le texte doit avoir un ratio de contraste d'au moins 4.5:1 avec son arrière-plan. Teste avec WebAIM Contrast Checker.
3. Étiquettes de formulaire. Chaque champ de ton formulaire de réservation doit avoir une étiquette <label> associée dans le code.

Mois 2 : le widget de réservation

Contacte ton fournisseur de réservation. Demande le VPAT. Si le widget n'est pas conforme, tu as deux choix : pousser le fournisseur à corriger, ou en changer. Les plateformes modernes prennent l'accessibilité au sérieux. C'est un critère de sélection légitime.

En continu : la culture

Quand tu ajoutes du contenu (nouveau plat sur le menu, événement, article de blogue), pense accessibilité dès la création. Un texte alternatif sur chaque image, des liens descriptifs (« Voir notre menu » plutôt que « Cliquez ici »), des vidéos sous-titrées. Ça devient un réflexe, pas un projet.

Le fond de la question

L'accessibilité web pour les restaurants n'est pas une mode, pas un projet à faire « un jour quand on aura le temps ». C'est un standard qui arrive, que le Québec l'officialise demain ou dans trois ans. Les restos qui s'y mettent maintenant ne font pas juste se protéger contre une loi future. Ils ouvrent leur porte à 1,4 million de Québécois qui veulent simplement réserver une table comme tout le monde.

Et ils vont mieux ranker sur Google en même temps. C'est rare, un investissement qui protège et qui rapporte.

Sources : Enquête canadienne sur l'incapacité 2022 (Gouvernement du Québec), Blakes — Réglementation canadienne sur l'accessibilité des contenus Web, BentoBox — Restaurant website accessibility lawsuits, Level Access — Accessible websites benefit SEO, BOIA — Web accessibility in hospitality, TestParty — Disability market spending power.

---