Skip to content
FunktionerPriserPartnerBloggHjälpOm ossKontakt
Kom igångLogga in
Tillbaka till Bloggen
guides2026-06-117 min läsning

Så designar du en tillgänglig digital meny för gäster med funktionsnedsättning

WCAG-standarder, skärmläsar-kompatibilitet, färgblindvänliga paletter och stortext-alternativ — vad tillgänglighet verkligen innebär.

th

thMenu Team

thmenu.com

Tillgänglighet är inte en compliance-bock — det är ett designbeslut som direkt påverkar gästantalet. Cirka 15-20 % av vuxna lever med en funktionsnedsättning. Om din digitala meny utesluter dem, förlorar du reserverade bord utan beställning. Denna guide är en praktisk checklista.

WCAG 2.2 och den digitala menyn

WCAG är den tekniska standarden, tre nivåer: A, AA (rekommenderat), AAA. AA är det realistiska målet. European Accessibility Act gäller e-handel sedan juni 2025; QR-menyer ligger i grå zon men trenden går mot krav.

Synsvaga: skärmläsarstöd

VoiceOver (iOS), TalkBack (Android) kräver semantisk HTML: produkter som article, kategorier som section, priser med aria-label. Test: sätt på VoiceOver, blunda, navigera.

Färgblindvänlig palett

8 % av männen är färgblinda. Endast rött för "slut" räcker inte — lägg till ikon och text. Kontrast min. 4,5:1. Ljusgrå på vit är elegant men oläslig vid 2,5:1.

Motorisk funktionsnedsättning: tryckmål

Minimum 44×44 px, 8 px avstånd. +/- knappar i kundvagnen måste vara rymliga, annars 5 köttbullar i stället för 1.

Allergener: dold tillgänglighet

För en celiakipatient är "fråga personalen" inte acceptabelt — farligt. Visa EU:s 14 allergener tydligt. Plattformar som thMenu fyller detta automatiskt via AI.

Slutsats: en tillgänglig meny utökar målgruppen med 10-15 %. Att nå WCAG-AA är vanligtvis 1-2 dagars investering.

Var detta hjälpsamt? Dela det.