Saavutettavuusvaatimukset: mitä ravintolan sivuilta vaaditaan
Lyhyt vastaus: EU:n saavutettavuusdirektiivi velvoittaa 28.6.2025 alkaen kuluttajille suunnattuja verkkokauppoja ja digitaalisia palveluita, mutta puhdas ravintolan esittelysivusto ei ole lain mukaan pakotettu noudattamaan vaatimuksia. Jos myyt verkossa lahjakortteja tai tilauksia, WCAG 2.1 -tason AA on käytännössä pakollinen — ja vapaaehtoisestikin se tuo lisää pöytävarauksia ja parempaa hakukonenäkyvyyttä.
Pääkohdat
- EU:n saavutettavuusdirektiivi (2019/882) laajeni 28.6.2025 koskemaan myös kuluttajille suunnattuja verkkokauppoja ja digitaalisia palveluita — puhtaat markkinointisivustot eivät ole vielä lain piirissä.
- Käytännön standardi on WCAG 2.1 taso AA: riittävät kontrastit, kuvien alt-tekstit, näppäimistökäyttö ja selkeä rakenne.
- Ravintoloiden yleisimmät puutteet: PDF-ruokalistat, haalea teksti taustakuvan päällä, toimimattomat varauslomakkeet ja puuttuvat alt-tekstit.
- Saavutettavuus parantaa samalla hakukonenäkyvyyttä, mobiilikäyttöä ja konversiota — se on sijoitus, joka maksaa itsensä takaisin.
- Nykyisten sivujen kuntotarkistus onnistuu ilmaiseksi 30 minuutissa Lighthouse- ja WAVE-työkaluilla; ammattiauditointi maksaa tyypillisesti 500–2 000 € (arvio).
- Uusia sivuja tilatessa saavutettavuus kannattaa kirjata sopimukseen: vaadi WCAG 2.1 AA -tasoa ja testausraportti ennen julkaisua.
Saavutettavuus on yksi niistä aiheista, joista ravintolayrittäjä kuulee kahdessa täysin ristiriitaisessa sävyssä. Toinen leiri maalailee uhkakuvia sakoista ja pakollisista uudistuksista, toinen väittää koko asiaa julkishallinnon ongelmaksi, jolla ei ole mitään tekemistä pienen ravintolan kanssa. Kumpikaan ei ole täysin oikeassa — ja juuri siksi aiheesta kannattaa ottaa selvää.
Tässä artikkelissa käydään läpi, mitä Suomen ja EU:n saavutettavuusvaatimukset tarkoittavat ravintolan, kahvilan tai baarin näkökulmasta vuonna 2026: keneen laki todella soveltuu, mitä WCAG 2.1 AA vaatii käytännön tasolla, mitkä ovat alasi tyypilliset sudenkuopat, mitä korjaaminen maksaa ja miten varmistat, että seuraava sivustouudistus tehdään kerralla oikein. Lopussa on myös tarkistuslista, jolla arvioit nykyiset sivusi puolessa tunnissa — ilman teknistä osaamista.
Keneen saavutettavuuslaki todella soveltuu?
Aloitetaan tärkeimmästä kysymyksestä, koska se ratkaisee kaiken muun: onko ravintolasi sivusto lain mukaan velvoitettu olemaan saavutettava?
Suomessa digitaalisten palvelujen saavutettavuutta sääntelee kaksi kokonaisuutta. Ensimmäinen on laki digitaalisten palvelujen tarjoamisesta, joka koskee julkishallintoa: kunnat, valtion virastot ja muut julkiset toimijat ovat olleet velvoitettuja jo vuosia. Ravintolayrittäjää tämä ei koske.
Toinen — ja ravintoloille olennaisempi — on EU:n saavutettavuusdirektiivi 2019/882, niin sanottu esteettömyysdirektiivi. Se astui sovellettavaksi 28.6.2025, ja se laajensi saavutettavuusvaatimukset koskemaan myös yksityisiä toimijoita. Direktiivin piiriin kuuluvat muun muassa:
- Verkkokaupat kuluttajille suunnatuissa palveluissa — mukaan lukien ravintolan verkossa toimiva lahjakorttikauppa tai tilauspalvelu
- Sähköiset palvelut kuten verkkopankkipalvelut, e-kirjat ja liikenteen lipunmyynti
- Itsepalvelupäätteet ja älypuhelimet tuotteina
Mikä jää direktiivin ulkopuolelle?
Direktiivi ei koske mikroyrityksiä tietyin rajauksin, eikä se ulotu puhtaisiin markkinointi- ja esittelysivustoihin — eli juuri sellaisiin kotisivuihin, joita valtaosalla suomalaisista ravintoloista on: ruokalista, aukioloajat, yhteystiedot ja pöytävarauslomake tai linkki varausjärjestelmään.
Käytännön rajanveto ravintolalle näyttää siis tältä:
- Esittelysivusto (menu, aukioloajat, yhteystiedot, varauspyyntölomake): ei lakisääteistä velvoitetta — saavutettavuus on vapaaehtoinen laatutekijä.
- Verkkokauppa (lahjakorttien myynti verkossa, verkkomaksulla toimiva kotiinkuljetustilaus, maksullinen varausjärjestelmä kuluttaja-asiakkaille): kuuluu direktiivin piiriin, vaatimukset pakollisia.
- Rajapinta-alue: jos "varauslomake" onkin todellisuudessa verkkomaksun veloittava tilauskone, se kannattaa tulkita verkkokaupaksi.
Huomaa myös siirtymäaika: ennen kesäkuuta 2025 julkaistuilla palveluilla on ollut viiden vuoden siirtymäaika, mutta uusilta palveluilta vaatimuksia on edellytetty jo aiemmin. Suomessa valvonnasta vastaa Traficom.
Kannattaako odottaa, että laki pakottaa?
Lyhyt vastaus: ei. Direktiivien soveltamisala on historiallisesti vain laajentunut — ensin julkishallinto, nyt verkkokaupat ja digitaaliset kuluttajapalvelut. Mikroyritysten ja puhtaiden markkinointisivustojen rajaukset ovat poliittisia kompromisseja, jotka voivat tarkentua seuraavilla lainsäädäntökierroksilla. Ravintola, joka hoitaa saavutettavuuden kuntoon nyt, vapaaehtoisesti ja rauhassa, välttää kiireellä tehdyn pakkoremontin myöhemmin. Lisäksi jokainen vuosi saavutettavilla sivuilla on vuosi parempaa hakukonenäkyvyyttä ja tyytyväisempiä asiakkaita — hyöty kertyy, vaikka velvoitetta ei koskaan tulisikaan.
Tärkeä rajaus
Tämä artikkeli on yleistajuinen katsaus, ei oikeudellinen neuvonta. Jos ravintolasi myy verkossa tai suunnittelee verkkokauppatoimintoja, varmista velvoitteiden tulkinta asiantuntijalta ennen kuin teet investointipäätöksiä. Rajanvedot elävät, ja direktiivin soveltamiskäytäntö tarkentuu koko ajan.
Mitä WCAG 2.1 AA tarkoittaa käytännössä?
Olipa sivustosi lain piirissä tai ei, saavutettavuuden mittatikku on sama: WCAG (Web Content Accessibility Guidelines), kansainvälinen ohjeisto verkkosisällön saavutettavuudesta. Ohjeisto jakautuu kolmeen vaatimustasoon — A, AA ja AAA — joista AA on se taso, jota lainsäädäntö edellyttää ja jota alalla pidetään käytännön standardina. WCAG 2.1 on se versio, johon Suomen lainsäädäntö nojaa.
WCAG rakentuu neljän periaatteen varaan. Tässä ne ravintolan sivujen kielelle käännettynä:
1. Havaittavuus — sisältö on nähtävä ja kuultava
Tekstin ja taustan välillä on oltava riittävä kontrasti. Käytännössä tämä tarkoittaa, että vaalea harmaa teksti tumman ruokakuvan päällä ei kelpaa — eikä myöskään hento ohut fontti pienellä koolla. Kuvilla on oltava tekstivastineet (alt-tekstit), jotta ruudunlukijaa käyttävä näkövammainen asiakas saa selville, mitä kuva esittää. Videoissa tarvitaan tekstitys.
2. Hallittavuus — sivua voi käyttää ilman hiirtä
Kaikkien toimintojen — valikoiden, varauslomakkeiden, kielivalitsimen — on toimittava myös pelkällä näppäimistöllä. Moni liikuntarajoitteinen asiakas, samoin kuin moni pelkällä näppäimistöllä selaava tehokäyttäjä, on tämän varassa. Navigoinnin on oltava loogista ja ennakoitavaa: samanlainen valikko joka sivulla, ei yllättäviä hyppyjä.
3. Ymmärrettävyys — sisältö on selkeää
Teksti on jäsenneltyä ja helppolukuista, lomakkeiden virheilmoitukset ymmärrettäviä ("sähköpostiosoite puuttuu" eikä "virhe kentässä 3"). Sivun kieli on merkitty koodiin oikein — suomenkielisellä sivulla lang="fi" — jotta ruudunlukija osaa ääntää tekstin oikein.
4. Toimintavarmuus — tekniikka kestää erilaiset laitteet
Sivuston on toimittava eri selaimilla, eri näytön ko'oilla ja avustavien teknologioiden kanssa. HTML-rakenteen on oltava siistiä ja standardien mukaista, jotta ruudunlukijat ja muut apuvälineet tulkitsevat sen luotettavasti myös tulevaisuudessa.
Huomionarvoista on, että WCAG:n AA-taso on vaativa mutta täysin saavutettavissa tavalliselle ravintolasivustolle. AAA-taso sen sijaan on niin tiukka, ettei sitä edellytetä edes laissa — sitä ei kannata tavoitella, ellei kohderyhmä erityisesti sitä vaadi.
Ravintoloiden 10 tyypillistä saavutettavuusongelmaa
Kun suomalaisten ravintoloiden sivuja testataan saavutettavuustyökaluilla, samat virheet toistuvat kerta toisensa jälkeen. Tässä yleisimmät — tarkista, löytyykö omiltasi sivuiltasi yksikään:
- Ruokalista vain PDF-tiedostona. Ylivoimaisesti yleisin ongelma. PDF on ruudunlukijalle usein lukukelvoton sekamelska, eikä se skaalaudu puhelimen näytölle. (Tästä lisää seuraavassa osiossa.)
- Teksti kuvan päällä ilman riittävää kontrastia. Tunnelmallinen ruokakuva hero-osiossa ja sen päällä ohut valkoinen teksti — kaunista, mutta monelle lukukelvotonta.
- Puuttuvat alt-tekstit. Kuvagalleriat, joissa ruudunlukija ilmoittaa vain "kuva1.jpg, kuva2.jpg".
- Varauslomake, joka ei toimi näppäimistöllä. Päivämäärävalitsin tai kellonaikavalikko, johon ei pääse sarkainnäppäimellä.
- Epäselvät linkkitekstit. "Klikkaa tästä" ja "Lue lisää" toistettuna kymmenen kertaa — ruudunlukijan käyttäjä ei tiedä, minne kukin vie.
- Otsikkorakenne sekaisin. Sivulla useita H1-otsikoita, tai otsikkotasot hyppäävät H2:sta suoraan H4:ään. Ruudunlukijan käyttäjä navigoi sivua otsikoiden avulla — rikkinäinen rakenne on kuin sisällysluettelo, jonka sivunumerot ovat väärin.
- Aukioloajat vain kuvana. Aukioloajat on upotettu kuvaan tai Instagram-kuvakaappaukseen, jolloin hakukone eikä ruudunlukija löydä niitä.
- Automaattisesti pyörivä kuvakaruselli. Liikkuva sisältö, jota ei voi pysäyttää, on ongelma monille käyttäjäryhmille — ja ärsyttää muitakin.
- Väri ainoana tiedon välittäjänä. "Vihreällä merkityt annokset ovat gluteenittomia" — värisokealle asiakkaalle tieto on näkymätön.
- Ponnahdusikkunat ilman sulkemismahdollisuutta näppäimistöllä. Uutiskirje- tai evästemodal, josta ei pääse pois ilman hiirtä.
Huomaatko kaavan? Lähes kaikki listan ongelmat ovat sisällöntuotannon ongelmia, eivät rakettitiedettä. Ne syntyvät siitä, että ruokalista ladataan PDF:nä "kun se on nopeampaa" tai aukioloajat päivitetään kuvana "kun se näyttää paremmalta". Hyvä uutinen on, että ne myös korjaantuvat sisällöntuotannon tavoilla — ilman sivuston täysremonttia.
PDF-ruokalista on saavutettavuuden pahin vihollinen
PDF-ruokalista ansaitsee oman osionsa, koska se on ravintola-alalla niin sitkeä tapa — ja saavutettavuuden kannalta niin tuhoisa. Asiaa on käsitelty perusteellisesti artikkelissa PDF-ruokalistan ongelma, mutta saavutettavuusnäkökulma tiivistyy kolmeen kohtaan:
- Ruudunlukija ei lue PDF:ää luotettavasti. Useimmat ravintoloiden PDF:t on tehty taitto-ohjelmalla kuvapohjaisesti — ruudunlukijalle ne ovat käytännössä tyhjiä tai lukukelvottomia. Näkövammainen asiakas ei saa selville, mitä ravintolassa on tarjolla.
- PDF ei mukaudu näyttöön. Puhelimella PDF:ää joutuu zoomailemaan ja vierittämään sivusuunnassa — WCAG edellyttää, että sisältö toimii ilman vaakavieritystä.
- Päivitykset unohtuvat. Kun hinnat tai annokset muuttuvat, vanha PDF jää elämään hakukoneiden välimuistiin ja asiakkaiden kirjanmerkkeihin. HTML-muotoinen ruokalista päivittyy yhdestä paikasta.
HTML-ruokalista on samalla myös SEO-voitto: Google indeksoi annosten nimet ja raaka-aineet, jolloin sivu voi sijoittua hauilla kuten "gluteeniton pizza Helsinki" — PDF:stä haettuna sama sisältö on hakukoneelle näkymätön.
Mitä saavutettavuus tuo ravintolalle — lain velvoitteen lisäksi?
Tähän asti on puhuttu vaatimuksista. Mutta rehellisesti: suurin osa ravintoloista ei ole lain piirissä, ja silti saavutettavuuteen kannattaa panostaa. Syyt ovat liiketaloudellisia.
Ikääntyvät asiakkaat ovat maksavia asiakkaita
Suomen väestö ikääntyy, ja yli 65-vuotiaat ovat ravintoloiden kannalta erinomainen asiakasryhmä: heillä on aikaa ja ostovoimaa, ja he syövät ulkona säännöllisesti. Samalla juuri he hyötyvät eniten saavutettavuudesta — suuremmasta tekstistä, selkeistä kontrasteista ja yksinkertaisesta varaamisesta. Jokainen 70-vuotias, joka luovuttaa varauslomakkeen kanssa ja soittaa sen sijaan (tai pahimmassa tapauksessa valitsee kilpailijan), on menetetty kate.
Hakukonenäkyvyys paranee sivutuotteena
Saavutettavuuden tekniset perusasiat — looginen otsikkorakenne, kuvaavat alt-tekstit, siisti HTML, nopea latautuminen — ovat samoja asioita, joita Google palkitsee. Saavutettavuuskorjaus on käytännössä myös SEO-korjaus. Moni ravintola huomaa, että Google Maps -näkyvyys ja orgaaninen haku paranevat, kun sivuston rakenne laitetaan kuntoon.
Mobiilikäyttö on saavutettavuutta
Yli puolet ravintolahauista tehdään puhelimella, usein liikkeellä ollessaan: "lounas lähellä", "pizzeria auki nyt". Kirkkaassa auringonvalossa bussipysäkillä jokainen on tilapäisesti heikkonäköinen — ja silloin riittävä kontrasti ja riittävän suuri teksti ratkaisevat, tuleeko asiakas sinun ovellesi vai kilpailijan. Mobiilioptimoinnin tarkistuslista kulkee käsi kädessä saavutettavuuden kanssa.
Brändi: "meille kaikki ovat tervetulleita"
Ravintola, jonka fyysinen tila on esteetön — luiska, inva-WC, tilaa pyörätuolille — mutta jonka verkkosivut eivät toimi ruudunlukijalla, lähettää ristiriitaisen viestin. Saavutettavat sivut ovat luonteva jatke esteettömälle asiakaskokemukselle, ja siitä kannattaa myös kertoa: moni asiakas valitsee ravintolan arvojen perusteella.
| Saavutettavuustoimenpide | Kenelle hyödyttää | Liiketoimintavaikutus |
|---|---|---|
| HTML-ruokalista PDF:n sijaan | Näkövammaiset, mobiilikäyttäjät, Google | Parempi löydettävyys, enemmän pöytävarauksia |
| Riittävät värikontrastit | Ikääntyneet, heikkonäköiset, ulkona selaavat | Pienempi poistumisprosentti |
| Näppäimistöllä toimiva varaus | Liikuntarajoitteiset, tehokäyttäjät | Enemmän onnistuneita varauksia |
| Selkeät virheilmoitukset lomakkeissa | Kaikki, erityisesti kiireiset | Vähemmän keskeytyneitä varauksia |
| Kuvien alt-tekstit | Ruudunlukijan käyttäjät, hitaat yhteydet | Parempi kuvahaku-näkyvyys |
| Tekstimuotoiset aukioloajat | Hakukoneet, äänihaut ("onko auki?") | Näkyvyys ääni- ja karttahauissa |
Tarkista nykyiset sivusi 30 minuutissa
Ennen kuin tilaat kalliin auditoinnin, tee peruskartoitus itse. Tarvitset vain selaimen ja puoli tuntia.
Vaihe 1: Lighthouse-testi (10 min)
Avaa ravintolasi etusivu Chromessa, paina F12 (kehittäjätyökalut), valitse välilehti "Lighthouse" ja aja testi. Saat neljä pistelukua 0–100, joista yksi on Accessibility. Alle 90 tarkoittaa, että korjattavaa on; alle 70, että ongelmia on paljon. Testi listaa konkreettiset puutteet suomeksi tai englanniksi — kopioi lista talteen.
Vaihe 2: WAVE-tarkistus (10 min)
Avaa wave.webaim.org, syötä sivusi osoite ja tutki raportti. WAVE merkitsee virheet punaisella, varoitukset keltaisella ja näyttää suoraan sivulla, missä ongelma on — esimerkiksi kuvan, jolta puuttuu alt-teksti. Käy läpi etusivu, ruokalistasivu ja varaussivu.
Vaihe 3: Manuaalinen käyttökokeilu (10 min)
- Näppäimistötesti: paina sarkainta (Tab) etusivulta lähtien. Pääsetkö ruokalistaan ja varauslomakkeelle asti ilman hiirtä? Näkyykö, missä kohdistus kulloinkin on?
- Zoom-testi: suurenna sivu 200 %:iin (Ctrl + plus). Hajoaako asettelu, katoaako teksti kuvien alle?
- Kontrastisilmäys: onko kaikki teksti luettavissa, myös kuvien päällä oleva ja vaaleanharmaa pienellä präntätty?
Milloin riittää itse tehty tarkistus?
Jos sivustosi on puhdas esittelysivusto eikä kuulu lain piiriin, itse tehty kartoitus + yleisimpien puutteiden korjaus vie pitkälle. Jos taas myyt verkossa (lahjakorttikauppa, verkkomaksullinen tilauspalvelu) ja kuulut direktiivin piiriin, ammattimainen auditointi on perusteltu: se dokumentoi vaatimustenmukaisuuden ja antaa korjauslistan, jonka voit teettää tekijällä.
Varausjärjestelmät ja kolmannen osapuolen widgetit: katvealue
Ravintolan sivuilla on yksi saavutettavuuden kannalta erityisen hankala kohta, johon moni törmää vasta ongelmien kautta: upotetut kolmannen osapuolen palvelut. Pöytävarauskalenteri, lahjakorttikaupan kassasivu, Instagram-syöte tai chatti-ikkuna ovat usein ulkopuolisen toimittajan koodia, jonka saavutettavuuteen ravintolalla itsellään ei ole vaikutusvaltaa.
Tämä on tärkeää kahdesta syystä. Ensinnäkin varaus on ravintolan sivuston tärkein konversio — jos varauswidget ei toimi ruudunlukijalla tai näppäimistöllä, saavutettavuusketju katkeaa juuri siinä kohdassa, jossa asiakas on valmis antamaan rahansa. Toiseksi direktiivin piirissä oleville toimijoille vastuu ulottuu myös upotettuihin palveluihin: "toimittajan vika" ei ole puolustus, jos asiakas ei pysty tekemään ostoa.
Näin arvioit varausjärjestelmäsi
- Kysy toimittajalta suoraan: "Onko varausnäkymänne WCAG 2.1 AA -tason mukainen? Onko teillä saavutettavuusselostetta tai testausraporttia?" Vakavasti otettava toimittaja vastaa kyllä ja toimittaa dokumentin.
- Testaa itse näppäimistöllä: avaa varausnäkymä ja yritä tehdä varaus pelkällä sarkainnäppäimellä. Jos päivämäärävalinta tai kellonaika ei onnistu, widgetissä on puute.
- Tarkista kontrasti: varauskalenterin harmaat päivämäärät vaalealla pohjalla ovat klassinen ongelma.
- Varmista vaihtoehtoinen reitti: vaikka widget olisi puutteellinen, sivulla on oltava saavutettava vaihtoehto — esimerkiksi puhelinnumero ja sähköposti selkeästi esillä, tai erillinen saavutettava varauslomake.
Jos harkitset varausjärjestelmän vaihtoa, lue vertailumme pöytävarausjärjestelmistä — saavutettavuus on yksi kriteeri, jota kannattaa painottaa valinnassa, ei vain hinta ja ominaisuudet.
Korjauslista: näin viet vaatimukset tekijälle
Jos sivusi tekee ulkopuolinen tekijä — tai jos kilpailutat uutta — saavutettavuus kannattaa määritellä samalla tarkkuudella kuin ulkoasu. Tässä lista, jonka voit kopioida tarjouspyyntöön:
- Vaatimustaso kirjataan sopimukseen: "Sivusto toteutetaan WCAG 2.1 -tason AA mukaisesti."
- Kontrastit: leipätekstin kontrastisuhde vähintään 4,5:1, suurten otsikoiden 3:1. Ei tekstiä kuvan päällä ilman tummennettua taustaa.
- Ruokalista HTML-muodossa, ei PDF:nä (tai PDF vain tulostusversiona HTML:n rinnalla).
- Kaikilla informatiivisilla kuvilla alt-tekstit; koristeelliset kuvat merkitään tyhjällä alt-attribuutilla.
- Täysi näppäimistökäytettävyys: kaikki toiminnot sarkaimella saavutettavissa, näkyvä kohdistuksen ilmaisin, ei näppäimistöansoja.
- Looginen otsikkorakenne: yksi H1 per sivu, tasot järjestyksessä, ei tasohyppyjä.
- Lomakkeet: jokaisella kentällä selkeä nimilappu, ymmärrettävät virheilmoitukset, pakolliset kentät merkitty myös tekstillä (ei pelkällä värillä).
- Sivun kieli merkitty (lang="fi") ja kielenvaihdot merkitty, jos sivustolla on useita kieliä.
- Ei automaattisesti liikkuvaa sisältöä ilman pysäytysmahdollisuutta.
- Testausraportti ennen julkaisua: tekijä toimittaa Lighthouse/WAVE-raportin ja manuaalisen näppäimistötestin tulokset.
Jos etsit tekijää, lue myös oppaamme kotisivujen tekijän valinnasta — siinä on yhdeksän kysymystä, jotka kannattaa esittää ennen sopimuksen allekirjoittamista. Ja jos mietit, paljonko ravintolan kotisivut maksavat vuonna 2026, saavutettavuusvaatimukset on hyvä huomioida budjetissa alusta asti: jälkikäteen korjaaminen on aina kalliimpaa kuin kerralla oikein tekeminen.
Saavutettavuus arjessa: ohjeet sivuja päivittävälle
Tekninen toteutus on tekijän vastuulla, mutta saavutettavuus elää tai kuolee sisällöntuotannossa. Ravintolassa sivuja päivittää usein vuoropäällikkö, omistaja itse tai markkinointiassistentti kiireen keskellä — ja juuri silloin syntyvät ne PDF-lataukset ja kuvina tallennetut aukioloajat. Siksi kannattaa sopia muutama yksinkertainen pelisääntö, jotka pitävät sivut saavutettavina ilman, että kukaan tarvitsee koulutusta:
- Ruokalista aina tekstinä. Kun menu muuttuu, päivitä HTML-ruokalista — älä lataa uutta PDF:ää. Jos keittiö toimittaa menun PDF:nä, kopioi teksti sivulle.
- Aukioloajat, hinnat ja yhteystiedot aina tekstinä. Ei kuvakaappauksia, ei kuvina tallennettuja infoja — ei somesta, ei taitto-ohjelmasta.
- Jokaiselle kuvalle yksi lause. Kun lataat kuvan, kirjoita alt-tekstiksi yksi lause siitä, mitä kuvassa on oleellista ("Lounasbuffet esillä ravintolasalissa" riittää; "kuva" ei riitä).
- Linkkitekstit kuvaaviksi. Kirjoita "Katso viikon lounaslista" äläkä "klikkaa tästä".
- Tarkista kontrasti uudella sisällöllä. Jos lisäät värillisen infolaatikon (esim. joulumenun mainos), varmista, että teksti erottuu taustasta myös puhelimen näytöllä kirkkaassa valossa.
- Testaa varaus jokaisen muutoksen jälkeen. Kun päivität sivuja, tee koepöytävaraus puhelimella. Jos jokin hajoaa, huomaat sen ennen asiakkaita.
Nämä kuusi sääntöä mahtuvat yhdelle A4:lle keittiön ilmoitustaululle. Kun ne ovat osa arkea, sivusto pysyy saavutettavana vuodesta toiseen — ja seuraava auditointi löytää lähinnä pieniä teknisiä hienosäätöjä isojen rakenteellisten ongelmien sijaan.
Sisällöntuottajan muistilista
Teksti tekstinä, kuville alt-tekstit, linkit kuvaaviksi, kontrastit kuntoon, varaus testattu. Jos jokainen päivitys täyttää nämä viisi kohtaa, 80 % saavutettavuusongelmista ei koskaan synny.
Mitä saavutettavuuden kuntoonlaitto maksaa?
Hinnat vaihtelevat tekijän ja sivuston laajuuden mukaan, mutta suuntaa-antavat arviot auttavat budjetoinnissa. Kaikki alla olevat luvut ovat arvioita, eivät tarjouksia:
- Itse tehty peruskartoitus (Lighthouse + WAVE + manuaalitesti): 0 € ja puoli tuntia aikaa.
- Ammattimainen saavutettavuusauditointi pienelle ravintolasivustolle: tyypillisesti 500–2 000 €. Sisältää testausraportin ja priorisoidun korjauslistan.
- Yleisimpien puutteiden korjaus olemassa olevaan sivustoon (kontrastit, alt-tekstit, otsikkorakenne, lomakkeet): muutamasta sadasta eurosta ylöspäin, riippuen sivumäärästä.
- Ruokalistan siirto PDF:stä HTML-muotoon: usein 200–600 €, jos pohja on kunnossa.
- Saavutettavuus osana uutta sivustoprojektia: ammattitaitoisella tekijällä 0–15 % lisää projektin hintaan, kun se määritellään alusta asti. Jälkikäteen tehtynä sama työ maksaa moninkertaisesti.
Suhteuta luvut siihen, mitä yksi lisäpöytävaraus viikossa tarkoittaa vuoden aikana. Useimmille ravintoloille saavutettavuusinvestointi maksaa itsensä takaisin pelkästään parantuneena käytettävyytenä — ennen kuin lasketaan mukaan hakukonehyödyt tai lainmukaisuus.
Miten budjetoit saavutettavuuden?
Käytännöllinen tapa on jakaa kustannus kolmeen koriin. Kertaluonteinen korjaus olemassa olevaan sivustoon (auditointi + yleisimpien puutteiden korjaus) on tyypillisesti 1 000–3 000 euron haarukassa pienellä ravintolasivustolla — suuntaa-antava arvio, joka tarkentuu auditoinnissa. Jatkuva ylläpito eli se, että jokainen sisältöpäivitys tehdään saavutettavasti, ei maksa juuri mitään, kun pelisäännöt ovat selvät. Uusi sivustoprojekti saavutettavuusvaatimuksella maksaa hieman enemmän kuin ilman, mutta ero on pieni verrattuna siihen, mitä jälkikäteiskorjaus maksaisi. Jos budjetti on tiukka, priorisoi tässä järjestyksessä: ruokalista HTML-muotoon, varauspolku toimivaksi, kontrastit kuntoon — ne tuovat suurimman hyödyn pienimmällä rahalla.
Jos sivustosi kaipaa muutenkin uudistusta, tutustu merkkeihin, joista tunnistat milloin ravintolan kotisivut pitää uusia — saavutettavuusremontti on luonteva yhdistää samalla kertaa tehtävään uudistukseen.
Usein kysyttyä
Koskeeko saavutettavuuslaki tavallisen ravintolan kotisivuja?
Ei välttämättä. EU:n saavutettavuusdirektiivi 2019/882 velvoittaa 28.6.2025 alkaen kuluttajille suunnattuja verkkokauppoja ja digitaalisia palveluita, mutta puhdas esittelysivusto ilman verkkokauppatoimintoa ei ole lain mukaan pakotettu noudattamaan vaatimuksia. Jos ravintola kuitenkin myy verkossa esimerkiksi lahjakortteja tai tarjoaa verkkomaksulla toimivan tilauspalvelun, sivut kuuluvat direktiivin piiriin. Vapaaehtoinen WCAG 2.1 AA -tason saavutettavuus on silti järkevää kaikille ravintoloille, koska se parantaa käytettävyyttä, hakukonenäkyvyyttä ja pöytävarausten määrää.
Mikä on WCAG ja mikä vaatimustaso ravintolan sivuilla riittää?
WCAG (Web Content Accessibility Guidelines) on kansainvälinen ohjeisto verkkosisällön saavutettavuudesta. Se jakautuu kolmeen tasoon: A, AA ja AAA. Käytännön standardi, jota myös lainsäädäntö edellyttää direktiivin piirissä olevilta, on taso AA WCAG 2.1 -versiosta. Ravintolan sivuilla tämä tarkoittaa esimerkiksi riittäviä värikontrasteja, kuvien tekstivastineita, näppäimistöllä toimivaa navigointia ja selkeää, loogista rakennetta.
Tarvitseeko ravintolan kotisivu saavutettavuusselosteen?
Saavutettavuusseloste on pakollinen vain niille organisaatioille, joita lain saavutettavuusvaatimukset koskevat — käytännössä julkishallinnolle ja 28.6.2025 alkaen direktiivin piiriin kuuluville yksityisille palveluntarjoajille. Tavallinen ravintola, jolla on puhdas esittelysivusto, ei tarvitse saavutettavuusselostetta. Sen julkaiseminen vapaaehtoisesti on silti hyvä signaali asiakkaille, erityisesti jos ravintola markkinoi esteettömyyttä myös fyysisessä tilassaan.
Voiko saavutettavuuspuutteista tulla sakkoja ravintolalle?
Sanktiot kohdistuvat niihin toimijoihin, joita laki velvoittaa. Suomessa saavutettavuusvaatimusten valvonta kuuluu Traficomille. Jos ravintolan verkkopalvelu kuuluu direktiivin piiriin — esimerkiksi verkossa toimiva tilaus- tai lahjakorttikauppa — ja se ei täytä vaatimuksia, seuraamukset ovat mahdollisia. Pelkän esittelysivuston ylläpitäjälle laki ei aseta sakkoseuraamuksia, mutta puutteellinen saavutettavuus maksaa joka tapauksessa menetettyinä asiakkaina.
Miten tarkistan, ovatko ravintolani sivut saavutettavat?
Nopein tapa on ajaa sivut Googlen Lighthouse-testin läpi (löytyy Chromen kehittäjätyökaluista), joka antaa saavutettavuuspisteet 0–100 ja listaa konkreettiset puutteet. Syvempään tarkistukseen sopii ilmainen WAVE-työkalu. Manuaalisesti kannattaa kokeilla: toimiiko sivusto pelkällä näppäimistöllä, erottuuko teksti taustasta ja onko kuvilla kuvaavat alt-tekstit. Ammattimainen saavutettavuusauditointi maksaa tyypillisesti 500–2 000 euroa (suuntaa-antava arvio).
Auttaako saavutettavuus ravintolan näkymistä Googlessa?
Kyllä. Saavutettavuuden perusasiat — selkeä otsikkorakenne, kuvaavat alt-tekstit, looginen HTML-rakenne ja nopea, toimiva sivu — ovat pitkälti samoja asioita, joita hakukoneoptimointi vaatii. Saavutettava sivu on helpompi sekä ruudunlukijoille että Googlen indeksointirobotille, joten panostus näkyy usein myös parempina sijoituksina hakutuloksissa ja pidempinä vierailuina sivuilla.
Haluatko kotisivut, jotka tuovat pöytävarauksia?
PowerfulWebsite toteuttaa ravintolasi kotisivut ilmaiseksi — maksat vain kuukausimaksua 59 €/kk alkaen. Sisältää kaiken: domainin, hostingin, ylläpidon ja päivitykset. Sivut rakennetaan saavutettaviksi alusta asti.
Tutustu paketteihin