Accessibilité Menu Digital (PMR) : Guide Conformité

Un client en fauteuil roulant entre dans votre restaurant. Votre salle est aux normes, la rampe d'accès est installée, la table est adaptée. Mais quand il scanne le QR code pour consulter votre carte, il se retrouve face à un PDF illisible par son lecteur d'écran. Toute la chaîne d'accessibilité se brise au dernier maillon : votre menu digital.

L'accessibilité menu digital n'est pas un sujet réservé aux grandes chaînes ou aux sites e-commerce. Elle concerne chaque restaurateur qui propose une carte en ligne, un QR code sur table ou un menu consultable depuis un smartphone. En France, plusieurs millions de personnes vivent avec un handicap — visuel, moteur, auditif ou cognitif. À cela s'ajoutent les situations temporaires : un bras dans le plâtre, une vue qui baisse avec l'âge, un environnement trop lumineux pour lire un écran. Votre menu digital doit fonctionner pour tous ces cas de figure.

Et ce n'est pas qu'une question de bonne volonté. La réglementation française et européenne impose désormais des obligations précises en matière d'accessibilité numérique. Ne pas s'y conformer, c'est s'exposer à des sanctions, mais surtout, c'est perdre une partie de votre clientèle.

Ce guide vous donne les clés concrètes pour rendre votre menu digital conforme et utilisable par tous, sans jargon technique inutile et avec des actions que vous pouvez mettre en place dès cette semaine.

Ce que dit la loi française sur l'accessibilité menu digital

La loi du 11 février 2005 et le RGAA

La loi n° 2005-102 du 11 février 2005 « pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées » a posé les fondations de l'accessibilité en France. Si elle ciblait initialement les bâtiments et les services publics, son périmètre s'est progressivement étendu au numérique.

Le Référentiel Général d'Amélioration de l'Accessibilité (RGAA), dans sa version 4.1, traduit cette obligation en critères techniques concrets. Il s'appuie sur les Web Content Accessibility Guidelines (WCAG) 2.1, le standard international édité par le W3C. Le RGAA définit trois niveaux de conformité : A (minimum), AA (cible recommandée) et AAA (optimal).

Pour un restaurateur indépendant, la question se pose différemment que pour une administration. Votre site vitrine ou votre menu digital ne relève pas nécessairement du périmètre obligatoire du RGAA tel qu'il s'applique aux organismes publics. Mais deux éléments changent la donne.

La directive européenne sur l'accessibilité (2019/882)

La directive européenne 2019/882, dite « European Accessibility Act », est applicable depuis le 28 juin 2025. Elle impose des exigences d'accessibilité aux produits et services numériques proposés aux consommateurs, y compris les services de commerce électronique.

Si votre menu digital permet la commande en ligne, le click & collect ou le paiement à table, vous entrez potentiellement dans le champ d'application de cette directive. Les micro-entreprises de moins de 10 salariés et dont le chiffre d'affaires annuel n'excède pas 2 millions d'euros bénéficient d'une exemption pour les services. Mais cette exemption ne couvre pas tous les cas, et la tendance réglementaire va clairement vers un élargissement.

Les obligations ERP et leur extension numérique

Votre restaurant est un Établissement Recevant du Public (ERP). À ce titre, vous êtes déjà soumis à des normes d'accessibilité physique pour les personnes à mobilité réduite. La logique réglementaire est cohérente : si l'accès physique doit être garanti, l'accès à l'information — y compris votre carte — doit l'être aussi.

Concrètement, un contrôle de conformité ERP qui relève que votre seul menu disponible est un QR code inaccessible peut constituer un point de non-conformité. Le menu papier reste une alternative, mais si vous avez fait le choix du tout-digital — et vous êtes de plus en plus nombreux à le faire —, l'accessibilité de ce support devient une obligation de fait.

Les quatre types de handicap à prendre en compte pour votre menu digital PMR

Quand on pense « handicap » en restauration, on visualise souvent le fauteuil roulant. Mais l'accessibilité numérique couvre un spectre bien plus large. Votre menu digital PMR doit répondre à quatre catégories de besoins.

Handicap visuel

C'est le cas le plus impactant pour un menu digital. Il englobe la cécité complète, la malvoyance, le daltonisme et les troubles de la vision liés à l'âge. Une personne aveugle utilise un lecteur d'écran (VoiceOver sur iPhone, TalkBack sur Android) qui lit à voix haute le contenu de l'écran. Si votre menu est un simple PDF scanné ou une image, le lecteur d'écran ne « voit » rien : il annonce « image » ou reste silencieux.

Une personne malvoyante a besoin de pouvoir agrandir le texte sans que la mise en page se casse, et de contrastes suffisants entre le texte et l'arrière-plan. Un daltonien ne distinguera pas un plat marqué en rouge comme « épicé » si la couleur est le seul indicateur.

Handicap moteur

Une personne avec un handicap moteur peut avoir des difficultés à manipuler un écran tactile avec précision. Boutons trop petits, menus déroulants qui exigent un glissement précis du doigt, zones cliquables trop rapprochées : autant d'obstacles invisibles pour vous, mais bloquants pour elle.

Certains utilisateurs naviguent exclusivement au clavier ou avec des dispositifs d'assistance (contacteurs, commandes vocales). Votre menu doit fonctionner sans écran tactile.

Handicap auditif

Si votre menu digital intègre des contenus audio ou vidéo — une présentation du chef, une vidéo de préparation d'un plat —, les personnes sourdes ou malentendantes n'y ont pas accès sans sous-titres ou transcription.

Handicap cognitif

Les troubles cognitifs (dyslexie, troubles de l'attention, handicap intellectuel) concernent une part importante de la population. Un menu surchargé, avec une navigation complexe, des termes obscurs ou une mise en page incohérente, devient un obstacle. La simplicité et la clarté bénéficient d'ailleurs à tous vos clients, pas uniquement à ceux en situation de handicap.

Les critères techniques d'un menu digital accessible

Passons aux aspects concrets. Voici les critères techniques que votre menu restaurant handicap doit respecter pour être considéré comme accessible.

Structure sémantique et navigation logique

Votre menu digital doit avoir une structure claire et hiérarchisée. En termes techniques, cela signifie utiliser les balises HTML appropriées : des titres (h1, h2, h3) pour les catégories et sous-catégories, des listes pour les plats, des paragraphes pour les descriptions.

Pourquoi c'est important ? Un lecteur d'écran s'appuie sur cette structure pour permettre à l'utilisateur de naviguer. Si vos catégories « Entrées », « Plats », « Desserts » sont de simples textes en gras sans balise de titre, l'utilisateur aveugle ne peut pas sauter directement aux desserts. Il doit écouter l'intégralité du menu, plat par plat.

La navigation doit suivre un ordre logique :

• Les catégories sont clairement identifiées et séparées
• Chaque plat est présenté dans un bloc distinct (nom, description, prix, allergènes)
• L'utilisateur peut naviguer entre les catégories sans revenir au début
• Le focus clavier suit l'ordre visuel de lecture (de haut en bas, de gauche à droite)

Contrastes et lisibilité

Le RGAA et les WCAG imposent des ratios de contraste minimaux entre le texte et son arrière-plan :

• 4.5:1 pour le texte de taille normale (niveau AA)
• 3:1 pour le texte de grande taille (18px en gras ou 24px en normal)
• 3:1 pour les éléments graphiques porteurs d'information (icônes, boutons)

En pratique, cela signifie qu'un texte gris clair sur fond blanc — esthétique très tendance dans le design de menu — est souvent non conforme. Un texte blanc sur une photo de plat en arrière-plan pose le même problème : le contraste varie selon la zone de l'image.

Pour vérifier vos contrastes, des outils gratuits existent : le Color Contrast Checker de WebAIM ou l'extension navigateur WAVE. Quand vous travaillez le design de votre menu digital, pensez à tester chaque combinaison de couleurs avec ces outils.

Taille des zones interactives

Les boutons et liens de votre menu doivent avoir une taille minimale de 44 × 44 pixels (recommandation WCAG 2.1, critère 2.5.5). Cela garantit qu'une personne avec des difficultés motrices peut les activer sans erreur.

Concrètement, si votre bouton « Ajouter au panier » fait 30 pixels de haut, il est trop petit. Si deux boutons sont collés l'un à l'autre sans espace, une personne qui tremble va systématiquement appuyer sur le mauvais.

Compatibilité avec les lecteurs d'écran

Votre menu doit être intégralement lisible par un lecteur d'écran. Cela implique :

• Chaque image décorative a un attribut alt vide (alt="") pour être ignorée
• Chaque image porteuse d'information a un texte alternatif descriptif (ex. : alt="Tarte tatin aux pommes caramélisées")
• Les prix sont lisibles (pas « 14€50 » collé sans espace, mais « 14,50 € » avec un format clair)
• Les icônes ont un label accessible (une icône de feuille pour « végétarien » doit être accompagnée du texte « Végétarien », même s'il n'est visible que par les lecteurs d'écran)
• Les informations sur les allergènes ne reposent pas uniquement sur des codes couleur ou des icônes sans texte

Adaptation à la taille d'écran et au zoom

Votre menu digital doit rester lisible et fonctionnel quand l'utilisateur zoome jusqu'à 200 % (critère WCAG 1.4.4). Cela signifie :

• Pas de barre de défilement horizontale à 200 % de zoom
• Le texte s'adapte (reflow) plutôt que d'être tronqué
• Les images ne masquent pas le texte quand l'écran est agrandi
• La navigation reste utilisable

Un menu conçu en responsive design respecte généralement ce critère. Un PDF scanné ou une image fixe ne le respecte jamais.

Guide pratique : rendre votre menu digital conforme en 10 étapes

Voici la marche à suivre pour vérifier et améliorer l'accessibilité de votre menu digital existant. Chaque étape est réalisable sans compétences techniques avancées.

Étape 1 : Abandonnez le format PDF ou image

Si votre menu en ligne est un PDF scanné, une photo de votre carte papier ou une image fixe, c'est le premier obstacle à lever. Ces formats sont inaccessibles par nature : les lecteurs d'écran ne peuvent pas les interpréter, le zoom les pixelise, et la navigation est impossible.

Passez à un menu en format HTML natif, c'est-à-dire un vrai menu digital structuré avec du texte sélectionnable. Si vous avez suivi un guide de mise en place de menu QR code, vérifiez que la solution choisie génère bien du contenu HTML et non un simple PDF hébergé.

Étape 2 : Vérifiez la structure de vos titres

Ouvrez votre menu digital sur votre téléphone. Activez le lecteur d'écran (VoiceOver sur iPhone : Réglages > Accessibilité > VoiceOver ; TalkBack sur Android : Réglages > Accessibilité > TalkBack). Naviguez dans votre menu en utilisant les gestes de balayage.

Posez-vous ces questions :

• Les catégories sont-elles annoncées comme des titres ?
• Pouvez-vous sauter d'une catégorie à l'autre ?
• L'ordre de lecture correspond-il à l'ordre visuel ?
• Chaque plat est-il clairement séparé du suivant ?

Étape 3 : Testez les contrastes

Utilisez l'outil en ligne WebAIM Contrast Checker. Entrez la couleur de votre texte et celle de votre arrière-plan. L'outil vous indique instantanément si le ratio est conforme.

Les erreurs les plus courantes chez les restaurateurs :

• Texte blanc ou crème sur fond pastel
• Texte sur une photographie de fond sans filtre opaque
• Prix en gris clair pour les distinguer visuellement des noms de plats
• Texte décoratif en couleur faible

Étape 4 : Agrandissez les zones cliquables

Si votre menu permet de filtrer par catégorie, d'ajouter des plats au panier ou de naviguer entre les pages, vérifiez que chaque bouton ou lien fait au moins 44 × 44 pixels. Pensez aussi à l'espacement : un minimum de 8 pixels entre deux zones interactives évite les erreurs de toucher.

Étape 5 : Ajoutez les alternatives textuelles

Chaque image qui transmet une information doit avoir un texte alternatif. Cela concerne :

• Les photos de plats (si elles sont le seul moyen de voir à quoi ressemble le plat)
• Les icônes d'allergènes
• Les labels (végétarien, fait maison, bio)
• Les logos de certification ou de label

Étape 6 : Vérifiez la navigation au clavier

Branchez un clavier Bluetooth sur votre tablette ou testez depuis un ordinateur. Naviguez dans votre menu uniquement avec la touche Tab (avancer), Shift+Tab (reculer) et Entrée (activer). Chaque élément interactif doit être atteignable, et l'indicateur de focus (le contour qui montre où vous êtes) doit être visible.

Étape 7 : Simplifiez le langage

Relisez les descriptions de vos plats avec un regard neuf. Les termes techniques de cuisine (« snacké », « en déclinaison », « condiment maison ») sont-ils compréhensibles pour tous ? Ajoutez une courte explication quand un terme n'est pas courant.

Cela rejoint la problématique des menus multilingues : la clarté du langage bénéficie autant aux personnes en situation de handicap cognitif qu'aux clients qui ne maîtrisent pas parfaitement le français.

Étape 8 : Ne transmettez jamais l'information par la couleur seule

Si vous utilisez un code couleur pour indiquer les plats épicés (rouge), végétariens (vert) ou sans gluten (jaune), ajoutez systématiquement un texte ou une icône avec label. Le code couleur seul exclut les personnes daltoniennes et celles qui utilisent un lecteur d'écran.

Étape 9 : Assurez-vous que les formulaires sont accessibles

Si votre menu digital inclut un formulaire de commande, de réservation ou de commentaire, chaque champ doit avoir un label explicite associé. Pas un simple placeholder qui disparaît quand on commence à taper, mais un label permanent qui identifie le champ. Les messages d'erreur doivent être clairs et situés à proximité du champ concerné.

Étape 10 : Proposez une alternative

Même avec un menu digital parfaitement accessible, gardez une alternative pour les cas extrêmes : un menu en braille pour les clients aveugles réguliers, un menu en gros caractères imprimé, ou la possibilité de demander au personnel de lire la carte. L'accessibilité, c'est aussi la flexibilité humaine.

Les erreurs fréquentes qui rendent votre menu inaccessible

Voici les erreurs que nous observons le plus souvent sur les menus digitaux de restaurants indépendants.

Le PDF « pratique »

Le réflexe le plus courant : scanner la carte papier et la mettre en ligne. C'est rapide, mais c'est le format le moins accessible qui existe. Le texte n'est pas sélectionnable, le zoom dégrade la qualité, le lecteur d'écran ne peut rien lire, et la mise en page ne s'adapte pas à l'écran.

Le menu tout-en-images

Variante du PDF : chaque section du menu est une image, avec le texte « incrusté » dans l'image. Visuellement attrayant, techniquement inaccessible. Le texte dans une image n'existe pas pour un lecteur d'écran.

Le carousel ou slider de plats

Les carrousels à défilement automatique posent de nombreux problèmes d'accessibilité : navigation au clavier difficile, contenu qui disparaît avant d'être lu, animation perturbante pour les personnes épileptiques ou avec des troubles cognitifs. Préférez une liste statique et scrollable.

La surcharge d'animations

Effets de parallaxe, transitions de page, apparitions progressives des plats : ces effets décoratifs peuvent provoquer des nausées ou des vertiges chez les personnes sensibles aux mouvements (troubles vestibulaires). Le WCAG recommande de proposer une option pour réduire les animations (préférence système prefers-reduced-motion).

L'autoplay audio ou vidéo

Si votre menu lance automatiquement une musique d'ambiance ou une vidéo de présentation, les utilisateurs de lecteurs d'écran ne peuvent plus entendre les annonces de leur outil d'assistance. Tout contenu audio ou vidéo doit être déclenché volontairement par l'utilisateur.

Le timeout de session

Certains menus avec commande en ligne déconnectent l'utilisateur après quelques minutes d'inactivité. Une personne qui utilise un lecteur d'écran met plus de temps à parcourir le menu. Un timeout trop court la force à recommencer depuis le début. Prévoyez un délai généreux ou un avertissement avant déconnexion.

Comment tester l'accessibilité de votre menu digital

Tester soi-même l'accessibilité de son menu ne remplace pas un audit professionnel, mais permet d'identifier les problèmes majeurs. Voici une méthode en trois niveaux.

Niveau 1 : Les tests automatiques

Les outils automatiques détectent environ 30 à 40 % des problèmes d'accessibilité. C'est un premier filtre utile.

• WAVE (wave.webaim.org) : extension navigateur gratuite. Scannez votre page menu et corrigez les erreurs signalées en rouge
• Lighthouse (intégré à Chrome DevTools) : onglet « Accessibilité ». Visez un score supérieur à 90
• axe DevTools : extension navigateur qui détaille chaque erreur avec des suggestions de correction

Ces mêmes outils peuvent d'ailleurs vous aider à mesurer d'autres aspects de performance, en complément de votre suivi analytics de menu digital.

Niveau 2 : Les tests manuels

Les 60 à 70 % restants nécessitent une vérification humaine.

• Test clavier : débranchez votre souris, naviguez uniquement au clavier. Chaque élément interactif est-il atteignable ? Le focus est-il visible ?
• Test lecteur d'écran : activez VoiceOver ou TalkBack et parcourez votre menu les yeux fermés. Comprenez-vous ce qui est annoncé ? Pouvez-vous commander un plat ?
• Test de zoom : zoomez à 200 % dans votre navigateur. Le contenu reste-t-il lisible et navigable ?
• Test de contraste : vérifiez chaque combinaison texte/fond avec un outil de contraste
• Test de compréhension : demandez à quelqu'un qui ne connaît pas votre carte de la parcourir. Comprend-il chaque intitulé ?

Niveau 3 : L'audit professionnel

Pour une conformité certifiée, faites appel à un expert en accessibilité numérique. Un audit RGAA complet coûte généralement entre 2 000 et 5 000 € pour un site simple. C'est un investissement, mais il vous protège juridiquement et vous donne une feuille de route précise.

Certaines régions et chambres de commerce proposent des aides financières pour l'accessibilité numérique des commerces de proximité. Renseignez-vous auprès de votre CCI locale.

Menu digital et handicap : au-delà de la conformité, l'expérience client

Rendre votre menu restaurant handicap accessible n'est pas seulement une obligation légale ou un risque à couvrir. C'est une démarche qui améliore l'expérience de l'ensemble de vos clients.

L'accessibilité profite à tous

Les principes d'accessibilité — contraste élevé, texte lisible, navigation claire, structure logique — bénéficient à chaque utilisateur :

• Le client de 65 ans qui a oublié ses lunettes
• Le touriste qui consulte votre menu en plein soleil sur sa terrasse
• Le parent qui tient son enfant d'un bras et navigue d'un pouce
• Le client pressé qui veut trouver rapidement les plats sans gluten
• La personne qui a une tendinite temporaire et peine à manipuler son écran

En travaillant l'accessibilité, vous améliorez la lisibilité, l'ergonomie et la rapidité de consultation de votre menu pour tout le monde. C'est un des avantages souvent sous-estimés du menu sans contact.

Un argument commercial réel

Les personnes en situation de handicap ne dînent pas seules. Un client en fauteuil roulant vient avec sa famille, ses amis, ses collègues. Si votre restaurant est accessible — physiquement et numériquement —, vous captez l'ensemble du groupe. Si votre menu digital est inutilisable, le groupe entier ira ailleurs.

De même, les entreprises et associations qui organisent des repas de groupe choisissent en priorité les établissements accessibles. C'est un critère de sélection explicite dans de nombreux appels d'offres corporate.

La communication positive

Afficher votre démarche d'accessibilité — sans en faire un argument marketing tapageur — renforce votre image. Un simple pictogramme sur votre vitrine, une mention sur votre site, un personnel formé : ces signaux discrets montrent que vous avez pensé à chacun.

💡 Bon à savoir : ALaCarte.Direct propose la création gratuite de votre menu digital restaurant sous forme de QR code. Le menu généré est en format HTML natif, avec une structure sémantique qui facilite la compatibilité avec les lecteurs d'écran et l'adaptation aux différentes tailles d'écran — un point de départ solide pour votre démarche d'accessibilité.

Checklist accessibilité pour votre menu digital

Avant de conclure, voici une checklist synthétique à imprimer et afficher dans votre bureau. Cochez chaque point pour votre menu actuel.

Structure et contenu :

• Le menu est en format HTML (pas un PDF ou une image)
• Les catégories utilisent des titres hiérarchisés (h2, h3)
• Chaque plat a un nom, une description et un prix en texte sélectionnable
• Les allergènes sont indiqués en texte, pas uniquement par des icônes ou des couleurs
• Le langage est clair et les termes techniques sont expliqués

Visuel et contrastes :

• Le ratio de contraste texte/fond est supérieur à 4.5:1
• Le menu reste lisible à 200 % de zoom
• L'information ne repose jamais uniquement sur la couleur
• Les animations peuvent être désactivées ou respectent prefers-reduced-motion

Navigation et interaction :

• Chaque élément interactif fait au moins 44 × 44 pixels
• La navigation au clavier fonctionne (Tab, Shift+Tab, Entrée)
• Le focus clavier est visible
• Pas d'autoplay audio ou vidéo
• Les timeouts de session sont suffisamment longs

Images et médias :

• Chaque image informative a un texte alternatif pertinent
• Les images décoratives sont marquées comme telles
• Les vidéos ont des sous-titres
• Les contenus audio ont une transcription

Formulaires (si commande en ligne) :

• Chaque champ a un label explicite et permanent
• Les erreurs sont décrites en texte et situées près du champ concerné
• Le formulaire est utilisable au clavier

Conclusion : passez à l'action cette semaine

L'accessibilité menu digital n'est pas un projet titanesque qui nécessite des mois de développement. C'est une série de vérifications et d'ajustements que vous pouvez commencer immédiatement.

Cette semaine, faites ces trois choses :

1. Testez votre menu avec un lecteur d'écran (5 minutes). Activez VoiceOver ou TalkBack sur votre téléphone et essayez de parcourir votre carte. Si le résultat est incompréhensible, vous savez qu'il y a un problème urgent à résoudre.

2. Vérifiez vos contrastes (10 minutes). Passez votre page menu dans l'outil WAVE. Corrigez les erreurs de contraste signalées en rouge : c'est souvent une simple modification de couleur.

3. Éliminez les formats non accessibles (variable). Si votre menu est un PDF ou une image, c'est votre priorité numéro un. Passez à un menu digital en format HTML via QR code pour poser les bases d'un menu accessible.

Ce mois-ci :

• Parcourez la checklist ci-dessus et traitez chaque point non conforme
• Formez votre personnel à proposer une alternative quand un client a des difficultés avec le menu digital
• Consultez les normes ERP d'accessibilité PMR pour vérifier la cohérence entre votre accessibilité physique et numérique

L'accessibilité n'est pas une contrainte supplémentaire. C'est la continuité logique de ce que vous faites déjà chaque jour : accueillir chaque client et lui donner la meilleure expérience possible. Votre menu digital doit porter cette même exigence.