Tehty EU-sivustoille, jotka valmistautuvat EAA:han

Saavutettavuutta, jotakävijäsi todella käyttävät.

Yksi koodirivi antaa jokaiselle kävijälle kontrasti-, teksti-, luku- ja osoitinasetukset 29 kielellä – ja sinulle käyttötiedot sekä Pro- ja Business-paketeissa saavutettavuusselosteen, jonka kirjoitat itse ja jota me ylläpidämme.

Aloita ilmainen kokeilujakso Mukauta reaaliajassa

7 päivän ilmainen kokeilujakso, ei korttia
Valmis käyttöön noin kahdessa minuutissa
Auttaa kävijöitä WCAG 2.2 -säädöillä; ei tee sivustosta vaatimusten mukaista

Saavutettavuus

Profiilit

Säädöt

Tämän paneelin kävijäsi saavat.

Oikea widget avautuu kulmaan. Ota jokin säätö käyttöön ja katso, miten tämä sivu muuttuu.

Standardit ja lait, joihin ohjeemme viittaavat

Lueteltu suuntaa antavina, ja niistä on linkit virallisiin teksteihin. Widgetin käyttö ei tee verkkosivustosta minkään niistä mukaista.

Aukko

Useimmat verkkosivustot ovat yhä käyttökelvottomia miljoonille ihmisille

Ei siksi, etteivät tiimit välittäisi, vaan koska saavutettavuustyö ei koskaan nouse tehtävälistan kärkeen. Sillä välin määräajat ehtivät tulla.

1/4

EU:n aikuisista elää vamman kanssa

Eurostat, EU-SILC

95,9 %

miljoonan suosituimman sivuston etusivuista sisälsi havaittavia WCAG-virheitä

WebAIM Million, vuoden 2026 raportti

28.6.2025

EU:n esteettömyysdirektiivi koskee yksityisiä palveluja

Direktiivi (EU) 2019/882

100 000 €+

enimmäisseuraamukset useissa jäsenvaltioissa

Vaihtelee kansallisen täytäntöönpanon mukaan

Mitä kävijät saavat

21 säätöä, yksi painike

Jokainen toiminto on käytettävissä näppäimistöllä, nimetty ruudunlukijoille ja muistetaan käyntien välillä. Poista käytöstä kaikki, mitä et halua.

Kontrasti

Tummat ja vaaleat suurikontrastiset tilat, jotka asettavat tekstille, taustalle ja linkeille todelliset värit, jolloin vaalea teksti selkeytyy eikä haalistu, sekä käänteiset värit.

Värikylläisyys

Hillitsee värejä, voimistaa niitä tai poistaa ne kokonaan kävijöille, jotka kokevat voimakkaat värit väsyttäviksi tai tarvitsevat niitä enemmän.

Tekstin koko

Suurentaa jokaista tekstiä sen omasta koosta neljässä portaassa 200 %:iin asti, joten px-, rem- ja em-koot kasvavat samassa suhteessa.

Tasaus

Tasaa tekstin rivin alkuun tai keskittää sen lukijoille, jotka hukkaavat kohdan molemmista reunoista tasatussa tekstissä. Toimii myös oikealta vasemmalle luettavilla sivuilla.

Riviväli

Kasvattaa rivivälin 1,75- tai 2-kertaiseksi, mikä on usein yksittäin suurin luettavuutta parantava muutos.

Merkkiväli

Kasvattaa kirjain- ja sanaväliä kolmessa portaassa; keskimmäinen porras käyttää täsmälleen samaa kirjain- ja sanaväliä, jolla WCAG 1.4.12 testataan.

Korosta linkit

Merkitsee jokaisen linkin keltaisella, alleviivauksella ja ääriviivalla, joten väri ei ole koskaan ainoa vihje.

Korosta otsikot

Kehystää jokaisen otsikon, jolloin sivun osiot erottuvat yhdellä silmäyksellä.

Korosta kohdistus

Paksu kaksivärinen kehys näppäimistökohdistuksessa olevan kohdan ympärillä, näkyvissä sekä vaalealla että tummalla taustalla.

Pysäytä animaatiot

Pysäyttää CSS- ja skriptianimaatiot, keskeyttää automaattisesti toistuvat videot ja äänet, myös myöhemmin lisätyt, ja pysäyttää animoidut GIF-kuvat. Kaikissa paketeissa.

Suuri osoitin

Ylisuuri musta tai valkoinen osoitin, joka erottuu kaikilla taustoilla.

Lukihäiriöfontti

Vaihtaa tekstin fontiksi Andikan tai OpenDyslexicin, joiden kirjainmuodot on suunniteltu niin, etteivät ne sekoitu toisiinsa (latinalaisin kirjaimin kirjoitettu teksti).

Sinivalosuodatin

Kolme lämpötasoa kävijöille, joilla on valoherkkyyttä tai migreeniä laukaisevia tekijöitä.

Lukumaski

Himmentää kaiken paitsi osoitinta seuraavan kaistaleen, kahdessa koossa ja kahdessa sävyssä.

Lukuviiva

Osoitinta seuraava viivain lukijoille, joilta rivit hyppäävät pitkissä teksteissä.

Hidas osoitin

Korvaa osoittimen suurella nuolella, joka seuraa sitä hitaasti. Napsautettaessa se hyppää tarkkaan kohtaan.

Piilota kuvat

Piilottaa kuvat ja kuvitukset visuaalisen hälyn vähentämiseksi; myös piilotetut videot keskeytetään.

Piilota painikkeet

Piilottaa sivun omat painikkeet paikoilleen niin, ettei mikään siirry, kävijöille, joita ne häiritsevät; saavutettavuuspainike ja sen paneeli pysyvät.

Lue ääneen

Lukee napsautetun tai valitun tekstin ääneen kävijän oman selaimen äänillä; käytettävissä aina, kun selaimessa on ääni sivun kielelle.

Sanakirja

Valitse sana tai kaksoisnapsauta sitä, niin viereen avautuva ikkuna näyttää sen englanninkieliset määritelmät Wiktionarysta. Haut kulkevat siteaccessible.comin kautta, joten Wiktionary ei koskaan näe kävijää.

Sivun rakenne

Luettelee sivun otsikot, alueet ja linkit paneelissa; kohteen valitseminen siirtää kohdistuksen suoraan siihen.

Katso kaikki ominaisuudet

Näin se toimii

Käytössä sivustollasi jo tänä iltapäivänä

index.html

<script src="https://siteaccessible.com/w/DEMO7K2QX9PVMT4RBH60.js" defer crossorigin="anonymous"></script>

Alle 46 kt pakattuna
Latautuu sisältösi jälkeen
Toimii tiukan CSP:n kanssa

Lisää yksi script-tagi
Liitä koodinpätkä <head> -osioon tai lisää se Google Tag Managerin, WordPressin, Shopifyn tai käyttämäsi kehyksen kautta. Se latautuu asynkronisesti eikä koskaan estä sivun piirtämistä.
Määritä hallintapaneelissa
Valitse painikkeen sijainti, väri ja muoto, näytettävät säädöt sekä kielet, joita yleisösi puhuu. Muutokset tulevat voimaan ilman uutta julkaisua.
Seuraa ja pidä ajan tasalla
Seuraa päivä päivältä, miten työkaluja todella käytetään. Pro- ja Business-paketeissa kirjoitat saavutettavuusselosteen ohjatulla lomakkeella, ja me ylläpidämme sitä päivättynä englanniksi, azerbaidžaniksi tai turkiksi; Business-paketissa voit viedä luvut CSV- tai JSON-muodossa.

Suora vastaus

Mitä saavutettavuuswidget voi tehdä – ja mitä ei

Toimittajat, jotka lupaavat yhdellä script-tagilla välittömän ja täydellisen vaatimustenmukaisuuden, myyvät sinulle oikeusjutun. Tässä on rehellinen raja kirjallisena, ennen kuin ostat.

Mitä SiteAccessible tekee

Antaa kävijöille todellisen ja välittömän hallinnan kontrastiin, fonttiin, väleihin, lukemisen apuvälineisiin ja osoittimen toimintaan.
Antaa kävijöille lisähallintaa esitystapaan – tekstin kokoon, väleihin ja kontrastiin – koskematta koodiisi. Sivujesi on silti täytettävä nämä kriteerit itsessään.
Antaa sinulle päivätyt tiedot: käyttötilastot sekä Pro- ja Business-paketeissa saavutettavuusselosteen, jonka itse kirjoitat, päiväät ja julkaiset.
Puhuu 29 kieltä, joten toimintoja voivat käyttää ne yleisöt, joita laki on kirjoitettu suojelemaan.

Mitä mikään widget ei voi tehdä

Se ei voi lisätä merkityksellisiä vaihtoehtoisia tekstejä, korjata otsikkorakennetta tai lisätä lomakkeisiin oikeita nimiöitä koodissasi.
Se ei voi korjata näppäimistöansaa, itse tehtyä komponenttia ilman ARIA-määritteitä tai videota ilman tekstitystä.
Se ei voi yksinään tehdä saavuttamattomasta sivustosta lain mukaista, emmekä koskaan väitä muuta.
Se ei korvaa testausta todellisten apuvälineiden käyttäjien kanssa.

Käytä SiteAccessible-widgetiä siihen kerrokseen, jonka se todella kattaa, ja korjaa loput koodissasi. Ohjeemme kertovat, kumpi on kumpaa.

Missä tämä on laki

29 widgetin kieltä, valittu lainsäädännön perusteella

Toimitamme widgetin käyttöliittymän jokaisen sellaisen markkina-alueen kielellä, jonka lainsäädäntö koskee tavallisia kaupallisia verkkosivustoja – sillä toiminto, jota kävijä ei pysty lukemaan, ei ole saavutettava toiminto.

Saavutettavuuslainsäädäntö markkina-alueittain
Markkina-alue	Lainsäädäntö	Standardi	Yksityinen sektori	Widgetin kieli
Saksa	Barrierefreiheitsstärkungsgesetz (BFSG) · BITV 2.0BFSG: market surveillance authorities can order a non-conforming service withdrawn; fines of up to €100,000.	EN 301 549 / WCAG 2.1 AA	Koskee	Deutsch
Ranska	Loi n° 2005-102, art. 47 · Loi n° 2023-171 (EAA) · RGAA 4.1	RGAA 4.1 (WCAG 2.1 AA)	Koskee	Français
Espanja	Real Decreto 1112/2018 · Ley 11/2023	UNE-EN 301 549	Koskee	Español
Italia	Legge Stanca (L. 4/2004) · D.Lgs. 82/2022	AgID guidelines (WCAG 2.1 AA)	Koskee	Italiano
Portugali	Decreto-Lei n.º 83/2018 · Decreto-Lei n.º 82/2022	EN 301 549	Koskee	Português
Alankomaat	Tijdelijk besluit digitale toegankelijkheid overheid · Implementatiewet toegankelijkheidsvoorschriften producten en diensten	EN 301 549	Koskee	Nederlands
Puola	Ustawa o dostępności cyfrowej (2019) · Ustawa o zapewnianiu spełniania wymagań dostępności (2024)	WCAG 2.1 AA	Koskee	Polski
Ruotsi	Lag (2023:254) om vissa produkters och tjänsters tillgänglighet · Lag (2018:1937) om tillgänglighet till digital offentlig serviceThe 2023 act carries the EAA; the 2018 act covers public bodies.	EN 301 549	Koskee	Svenska

Viitetietoa, tarkistettu lokakuussa 2026 – ei oikeudellista neuvontaa. Varmista organisaatiotasi koskevat ajantasaiset vaatimukset pätevältä juristilta.

Painikkeen takana

Hallintapaneeli, ei pelkkä skripti

Sivustokohtaiset asetukset

Jokainen sivusto saa oman avaimen, oman ulkoasun ja omat toiminnot. Muuta kerran, niin muutos koskee kaikkia paikkoja, joihin avain on asennettu.

Käyttötilastot

Näe päivä päivältä ja sivustoittain, mitä säätöjä ihmiset todella ottavat käyttöön. Vain yhteenlasketut määrät – ei kävijätunnisteita eikä evästeitä, joista sinun pitäisi kertoa.

Saavutettavuusseloste

Pro- ja Business-paketeissa täytät ohjatun lomakkeen, ja me ylläpidämme päivättyä selostetta englanniksi, azerbaidžaniksi tai turkiksi widgetistä linkitettynä. Vaatimustenmukaisuuden tilan ilmoitat itse; emme koskaan väitä sitä puolestasi.

Vie lukusi

Business-paketissa voit ladata päivittäiset käyttötiedot sivustoittain tai kaikilta sivustoilta CSV- tai JSON-muodossa omiin tallenteisiisi ja raportteihisi.

Verkkotunnukset hallinnassasi

Widget käynnistyy vain verkkotunnuksissa, jotka luettelet sivustolle, testi- ja vaihtoehtoiset verkkotunnukset mukaan lukien. Jonkun toisen verkkosivustolle kopioitu sivustoavain ei tee siellä mitään.

Tehty upotettavaksi

Paneelin tyylit ovat shadow rootissa, joten ne eivät koskaan vaikuta sivuusi, ja sivun säädöt ovat voimassa vain niin kauan kuin kävijä pitää niitä päällä. Ei jQuerya, ei riippuvuutta kehyksistä ja lataaja, joka toimii tiukan CSP:n kanssa.

Hinnat

Hinta sivustoa, ei kävijää kohden

Liikennepiikit eivät saa näkyä laskupiikkeinä. Valitse paketti sivustojesi määrän mukaan, kokeile 7 päivää ilmaiseksi ja maksa kerran vuodessa.

Laskutetaan kerran vuodessa
7 päivän ilmainen kokeilujakso, ei korttia
Täysi hyvitys 14 päivän kuluessa mistä tahansa maksusta

Standard

Yksi sivusto ja tärkeimmät säädöt

7,50 €/kk

90 € laskutetaan kerran vuodessa

Sivustot: 1
Sivunäytöt kuukaudessa: 25 000

10 perussäätöä
Kaikki 29 widgetin kieltä
Oma väri, sijainti ja kuvake
30 päivän käyttötiedot
Sähköpostituki, tavoitteena vastaus 2 arkipäivän kuluessa
Tietojenkäsittelysopimus, allekirjoitettuna pyynnöstä

Valitse Standard

Suosituin

Pro

Kaikki säädöt, enintään viisi sivustoa ja ylläpidetty selostesivu

20 €/kk

240 € laskutetaan kerran vuodessa

Sivustot: 5
Sivunäytöt kuukaudessa: 150 000

Kaikki 21 säätöä
Kaikki 29 widgetin kieltä
Oma väri, sijainti ja kuvake
Muokattava pikanäppäin
Rajoittamaton käyttöhistoria
Saavutettavuusselosteen generaattori
Sähköpostituki, tavoitteena vastaus 2 arkipäivän kuluessa
Tietojenkäsittelysopimus, allekirjoitettuna pyynnöstä

Valitse Pro

Business

Enintään 25 sivustoa, oma tyyli ja tietojen vienti

50 €/kk

600 € laskutetaan kerran vuodessa

Sivustot: 25
Sivunäytöt kuukaudessa: Rajoittamaton

Kaikki 21 säätöä
Kaikki 29 widgetin kieltä
Oma väri, sijainti ja kuvake
Mukautettu CSS
SiteAccessible-maininnan poisto
Muokattava pikanäppäin
Rajoittamaton käyttöhistoria
Saavutettavuusselosteen generaattori
Vienti CSV- ja JSON-muodossa
Prioriteettituki: vastaamme ensin, tavoitteena 1 arkipäivä
Nimetty yhteyshenkilö
Tietojenkäsittelysopimus, allekirjoitettuna pyynnöstä

Valitse Business

Maassasi mahdollisesti sovellettava arvonlisävero lasketaan kassalla.

SiteAccessible on ohjelmistotyökalu, ei vaatimustenmukaisuuspalvelu. Se ei takaa, että verkkosivustosi täyttää minkään maan saavutettavuuslainsäädännön vaatimukset, eikä meillä ole lupaa tai sertifiointia vaatimustenmukaisuuden arviointiin. Lue oikeudellinen huomautus.

SiteAccessible on QRollingin tuote. Maksut käsittelee Paddle, jälleenmyyjämme ja virallinen myyjä: QRolling on maksulomakkeessa ja kuitissa mainittu myyjä, ja tiliotteessasi näkyy Paddlen nimi, yleensä yhdessä meidän nimemme kanssa. Lue hyvityskäytäntömme.

Vertaa kaikkia paketteja

Kysymyksiä

Ennen asennusta

Hidastaako tämä sivustoani?

Script-tagi käyttää defer-määritettä, joten se ei koskaan estä ensimmäistä piirtoa, ja widget on pakattuna alle 46 kt. Jokaisella sivulla se piirtää painikkeensa, lähettää yhden sivun latauksen laskennan ja ottaa uudelleen käyttöön kävijän aiemmin tallentamat asetukset.

Kerääkö se henkilötietoja?

Se ei tallenna mitään kävijöistäsi. Heidän asetuksensa pysyvät heidän oman selaimensa paikallisessa tallennustilassa. Saamme yhden laskennan sivunäyttöä kohden ja, jos pidät käyttötilastot päällä, paneelin avaukset ja käytetyt säädöt – kaikki tallennettuna päivittäisinä summina sivustoittain. Kuten kaikki verkkopyynnöt, nämä tulevat meille kävijän IP-osoitteen kanssa, jota emme koskaan tallenna; siitä laskettu avaimellinen tiiviste säilyy palvelimen muistissa enintään 24 tuntia, jotta sivunäyttö lasketaan vain kerran. Evästeitä, sormenjälkitunnistusta tai sivustojen välisiä tunnisteita ei ole.

Onko se ristiriidassa CSS:ni kanssa?

Paneeli piirretään shadow rootiin omilla tyyleillään, joten se ei peri sivusi tyylejä eikä vuoda niihin. Kävijän käyttöön ottamat säädöt toki muuttavat sivusi ulkoasua – se on niiden tehtävä – mutta vain niin kauan kuin ne ovat päällä. Jos jokin niistä sopii huonosti osaan suunnittelustasi, poista kyseinen säätö käytöstä sivustolla.

Täyttääkö sivustoni vaatimukset, kun asennan tämän?

Ei pelkästään sen ansiosta – ja suhtaudu epäillen jokaiseen, joka väittää muuta. Se antaa kävijöille lisähallintaa esitystapaan, mutta sivujesi on silti täytettävä nämä kriteerit itsessään, ja semanttisen merkinnän, vaihtoehtoisten tekstien, tekstitysten ja näppäimistökäytön on oltava kunnossa koodissasi. Selostegeneraattori auttaa sinua julkaisemaan sen, minkä olet arvioinut; se ei arvioi mitään puolestasi.

Minkä standardien mukaan se on rakennettu?

Widgetin oma käyttöliittymä on rakennettu WCAG 2.2:n AA-tason mukaiseksi – se on tekninen perusta, johon EN 301 549, EU:n esteettömyysdirektiivi, saavutettavuusdirektiivi ja ADA:han liittyvät ohjeet viittaavat. Jokaisen säädön kohdalla luetellaan onnistumiskriteerit, joissa se auttaa kävijöitä – mikä ei ole sama asia kuin että sivusi täyttäisi ne.

Voinko muuttaa sen ulkoasua?

Kyllä. Sijainti, siirtymä, koko, muoto, kuvake, korostusväri sekä vaalea tai tumma teema ovat hallintapaneelin asetuksia kaikissa paketeissa, ja Business-paketti sallii lisäksi mukautetun CSS:n.

Mitä tapahtuu, jos lopetan maksamisen?

Tilauksesi päättyy jo maksamasi jakson lopussa, ja widget lakkaa latautumasta sivustoillasi. Mikään muu verkkosivustollasi ei hajoa, koska kyse oli vain yhdestä script-tagista. Tilisi, asetuksesi ja käyttöhistoriasi säilyvät niin kauan kuin tili on olemassa, joten voit palata milloin tahansa – tai ladata tietosi ja poistaa tilin itse.

Voinko ylläpitää sitä itse?

Ei tällä hetkellä. Widget toimitetaan aina palvelimiltamme: siten sen asetukset voivat muuttua ilman uutta julkaisua, ja siten se tarkistaa, että se toimii vain sinun verkkotunnuksissasi.

Onko sinulla vielä kysyttävää?

Ota yhteyttä

Tee seuraavan kävijän kokemuksesta parempi

Aloita 7 päivän kokeilujakso tänään. Ei korttia, eikä sivustollesi ilmesty mitään ennen kuin liität koodinpätkän.

Aloita ilmainen kokeilujakso Lue ohjeet

Ei luottokorttia. Peru milloin tahansa.