Miten suunnitella esteetön digitaalinen ruokalista vammaisille asiakkaille

Esteettömyys ei ole compliance-rasti, vaan suunnittelupäätös, joka vaikuttaa suoraan asiakasmäärään. Noin 15-20 % aikuisista elää jonkin vamman kanssa. Jos digitaalinen ruokalistasi sulkee heidät pois, menetät varatut pöydät ilman tilauksia. Tämä opas on käytännön tarkistuslista.

WCAG 2.2 ja digitaalinen ruokalista

WCAG on tekninen standardi, kolme tasoa: A, AA (suositeltu), AAA. AA on realistinen tavoite. European Accessibility Act kattaa e-kaupan kesäkuusta 2025; QR-listat ovat harmaalla alueella mutta trendi pakottavaan suuntaan.

Heikkonäköiset: ruudunlukijoiden tuki

VoiceOver (iOS) ja TalkBack (Android) vaativat semanttista HTML:ää: tuotteet article, kategoriat section, hinnat aria-label. Testi: kytke VoiceOver, sulje silmäsi, navigoi.

Värisokeudelle ystävällinen paletti

8 % miehistä on värisokeita. Pelkkä punainen "loppu" ei riitä — lisää kuvake ja teksti. Kontrasti vähintään 4,5:1. Vaaleanharmaa valkoisella on tyylikäs, mutta 2,5:1-suhteella luettava huonosti.

Motorinen vamma: kosketuskohteet

Minimi 44×44 px, 8 px väli. Ostoskorin +/- napit oltava väljiä, muuten 5 lihapullaa yhden sijaan.

Allergeenit: piilotettu esteettömyys

Keliaakikolle "kysy henkilökunnalta" ei käy — vaarallista. Näytä EU14-allergeenit selkeästi. Alustat kuten thMenu täyttävät tämän automaattisesti tekoälyllä.

Yhteenveto: esteetön ruokalista laajentaa kohderyhmää 10-15 %. WCAG-AA on tyypillisesti 1-2 päivän investointi.

Oliko tästä hyötyä? Jaa se.