Herbaciarnia z 12 stolikami w Kadıköy w Stambule zyskała 240 nowych gości miesięcznie po wdrożeniu menu QR zgodnego z VoiceOver/TalkBack i udostępnieniu przez Tureckie Stowarzyszenie Niewidomych.
Podstawy WCAG 2.2 AA
Czytniki ekranu wymagają semantycznego HTML: nazwy produktów w h3, ceny przez aria-describedby, ikony alergenów z aria-label="zawiera gluten". Kontrast min. 4.5:1, obszar dotyku 44×44 px, logiczny porządek tabulacji.
Same emoji nie wystarczą — niewidomy nie usłyszy ikony bez etykiety ARIA.
ARIA Live dla koszyka
Po dodaniu pozycji obszar role="status" ogłasza: «Zupa z soczewicy dodana, łącznie 3 pozycje». Błędy używają role="alert".
ToastProvider thMenu domyślnie ma aria-live="polite". Pusty stan alergenów pokazuje «Zapytaj obsługę» jako bezpieczny fallback.
Testy przed startem
Włącz VoiceOver (iPhone) lub TalkBack (Android) i przejdź cały flow zamówienia. Cisza powyżej 1 sekundy oznacza problem z fokusem. Axe DevTools/WAVE wykrywa większość naruszeń w 30 sekund.
Włącz do testów realnego niewidomego użytkownika — narzędzia automatyczne nie łapią kontekstu.
FAQ
Czy potrzebuję osobnej wersji audio? Nie, semantyczny HTML obsługuje wszystkich.
Dodać własne TTS? Niepotrzebne, czytnik systemowy wystarcza.
Czy istnieje certyfikat WCAG? Oficjalnego nie ma, raport VPAT to standard.
Czy to było pomocne? Udostępnij.
Powiązane artykuły
Czym jest menu QR? Kompletny przewodnik dla restauracji
Menu QR umożliwia klientom natychmiastowy dostęp do karty dań przez smartfon — b…
Przejście z papierowego na cyfrowe menu QR: przewodnik krok po kroku
Chcesz wdrożyć menu QR, ale nie wiesz od czego zacząć? Ten przewodnik obejmuje f…
Geo-targetowane menu QR: różne języki w zależności od IP gościa
Jak resort all-inclusive na 180 miejsc w Antalyi kieruje ten sam kod QR do menu …