Digitale Barrierefreiheit der Karte: WCAG, RGAA und gute Praxis

Pourquoi l'accessibilité concerne tout restaurateur

Selon le Défenseur des droits, près de 12 millions de Français vivent avec un handicap, dont 1,7 million avec une déficience visuelle (cécité ou malvoyance). À cela s'ajoutent les seniors confrontés à la baisse de la vue avec l'âge : 60 % des plus de 65 ans peinent à lire un texte inférieur à 14 px. Un menu numérique non accessible exclut donc une part significative de votre clientèle potentielle.

Sur le plan légal, l'obligation directe vise les services publics et les grandes entreprises (article 47 de la loi de 2005 modifié). En revanche, la directive européenne 2019/882, dite European Accessibility Act, étend depuis le 28 juin 2025 les exigences d'accessibilité aux services numériques privés y compris dans l'hôtellerie-restauration au-delà de certains seuils. Au-delà du strict cadre légal, l'accessibilité relève également de la responsabilité sociétale et de la non-discrimination prévue à l'article 225-1 du code pénal.

Les 4 principes WCAG

Les Web Content Accessibility Guidelines (WCAG) 2.1, publiées par le W3C en 2018, reposent sur quatre principes structurants — chacun décliné en critères concrets :

• Perceptible : l'information doit être présentée de manière perceptible par les utilisateurs (contrastes, alternatives textuelles aux images, sous-titres pour les vidéos).
• Utilisable : les éléments interactifs doivent être accessibles au clavier seul, sans dépendance à la souris.
• Compréhensible : le contenu doit être lisible et prévisible (langue déclarée, libellés explicites, messages d'erreur clairs).
• Robuste : le code HTML doit être valide et compatible avec les technologies d'assistance présentes et à venir (lecteurs d'écran, plages braille, commandes vocales).

Les critères les plus importants pour un menu

Un menu numérique sollicite trois catégories de besoins spécifiques :

• Malvoyance et cécité : alternative textuelle des images de plats (attribut alt), contraste élevé du texte, structure HTML sémantique pour permettre la navigation au lecteur d'écran. Le texte doit pouvoir être agrandi à 200 % sans déformation du layout.
• Daltonisme : ne jamais véhiculer une information uniquement par la couleur. Un filtre "végétarien" affiché en vert doit aussi porter un libellé écrit ou un pictogramme reconnaissable.
• Handicap moteur : navigation complète au clavier (touche Tab), zones cliquables suffisamment grandes (44×44 px minimum selon WCAG 2.5.5), temps de réponse non limité.

Le cas particulier du menu QR

Le menu QR pose deux défis spécifiques en accessibilité : la lecture du code QR lui-même et la navigation mobile. Les personnes malvoyantes peuvent rencontrer des difficultés à viser un QR code avec leur smartphone. Pour pallier cela, QRMENUPRO propose systématiquement une URL courte mémorisable en alternative (par exemple menu.restaurant.fr) à afficher à côté du QR, ainsi qu'une NFC tag en option (le client approche son téléphone du tag sans avoir à viser). Sur mobile, le menu est conçu en "mobile first" avec des tailles de cible adaptées au tactile.

Comment QRMENUPRO respecte ces critères par défaut

Notre plateforme intègre les critères RGAA 4.1.2 dès la conception (accessibility by design) :

• Tous les thèmes par défaut atteignent un ratio de contraste de 4.5:1 minimum.
• Le texte est dimensionné en unités relatives (rem/em), permettant le zoom navigateur.
• La hiérarchie HTML est rigoureuse : un seul h1 par page, h2 pour les catégories, h3 pour les plats.
• Chaque image porte un attribut alt généré automatiquement et modifiable.
• La navigation clavier est testée avec indicateur de focus visible sur tous les éléments interactifs.
• Les langues sont déclarées via l'attribut lang sur l'élément racine, indispensable aux lecteurs d'écran multilingues.
• Les filtres allergènes et régimes ne dépendent jamais d'une seule couleur : pictogramme + libellé écrit.

Un rapport d'auto-évaluation RGAA est généré sur demande, listant les critères respectés et ceux qui dépendent du contenu (par exemple, qualité des alternatives images saisies par le restaurateur).