En tehave med 12 borde i Kadıköy i Istanbul fik 240 nye gæster om måneden efter at have skiftet til en QR-menu kompatibel med VoiceOver og TalkBack, delt af Tyrkiets Blindeforening.
WCAG 2.2 AA grundlag
Skærmlæsere kræver semantisk HTML: produktnavne i h3, priser via aria-describedby, allergenikoner med aria-label="indeholder gluten". Kontrast min. 4.5:1, berøringsfelt 44×44 px, logisk tab-rækkefølge.
Emoji alene rækker ikke — uden ARIA-label hører den blinde bruger intet.
ARIA Live til kurven
Når en vare tilføjes, annoncerer en role="status"-region: «Linsesuppe tilføjet, i alt 3 varer». Fejl bruger role="alert".
ToastProvider i thMenu er som standard aria-live="polite". Allergen-tomstatus viser «Spørg personalet» som sikker fallback.
Test før lancering
Aktivér VoiceOver (iPhone) eller TalkBack (Android) og gå hele bestillingsflowet igennem. Stilhed over 1 sekund peger på fokusproblem. Axe DevTools/WAVE finder fejl på 30 sekunder.
Test også med en rigtig blind bruger — automatiske værktøjer fanger ikke kontekst.
FAQ
Skal jeg have en separat audioversion? Nej, korrekt HTML betjener alle.
Skal jeg tilføje min egen TTS? Nej, OS-skærmlæseren klarer det.
Findes WCAG-certificering? Officielt nej; VPAT-rapport er standarden.
Var dette nyttigt? Del det.
Relaterede artikler
Hvad er en QR-menu? Den komplette guide til restauranter
En QR-menu giver gæster øjeblikkelig adgang til dit menukort via deres smartphon…
Skift fra papirmenu til digitalt QR-menu: trin-for-trin guide
Vil du indføre QR-menuer, men ved ikke, hvor du skal starte? Denne guide dækker …
Geo-målrettede QR-menuer: forskellige sprog efter besøgendes IP
Sådan dirigerer et 180-pladsers all-inclusive resort i Antalya samme QR til tyrk…