Ohjekeskus

Vaiheittaiset ohjeet Accessibirdin asentamiseen, widgetin määrittämiseen, verkkosivustosi skannaamiseen ja löydösten korjaamiseen.

Kaikki ohjeet

Aloittaminen

Käytön aloittaminen

Käyttöönotto

Asennusohjeet

Accessibirdin asentaminen WordPress-sivustolle

Lisää Accessibirdin pienoisohjelman koodikatkelma WordPressiin lisäosan avulla tai suoraan teemaan.

Accessibirdin asentaminen Shopify-sivustolle

Lisää Accessibirdin koodinpätkä Shopify-sivustollesi muokkaamalla teemasi theme.liquid-tiedostoa.

Accessibirdin asentaminen Wix-sivustolle

Lisää Accessibird sivustosi kaikille sivuille Wixin mukautetun koodin toiminnolla.

Accessibirdin asentaminen Squarespace-sivustolle

Lisää Accessibird-widget koko sivustolle Squarespacen koodinlisäyspaneelin kautta.

Accessibirdin asentaminen Framer-sivustolle

Lisää Accessibird Framer-sivustolle kohdassa Sivuston asetukset → Mukautettu koodi.

Accessibirdin asentaminen Weebly-sivustolle

Lisää Accessibirdin koodinpätkä Weebly-sivuston Footer Code -kenttään.

Accessibirdin asentaminen GoDaddy-sivustolle

Lisää Accessibird-widget GoDaddy Website Builder -sivustolle Site-Wide Code -toiminnolla.

Accessibirdin asentaminen Duda-sivustolle

Lisää Accessibird Duda-sivustolle ylätunnisteen tai alatunnisteen HTML-asetuksista.

Accessibirdin asentaminen Joomla-sivustolle

Lisää Accessibirdin koodinpätkä Joomlaan mukautetulla HTML-moduulilla, joka näytetään kaikilla sivuilla.

Accessibirdin asentaminen Drupal-sivustolle

Lisää Accessibird Drupaliin lohkon tai Asset Injector -moduulin avulla.

Accessibirdin asentaminen WooCommerce-sivustolle

Lisää Accessibird WooCommerce-kauppaan lisäosalla, jolla voit lisätä koodinpätkiä ylä- tai alatunnisteeseen.

Accessibirdin asentaminen Adobe Commerce (Magento) -sivustolle

Lisää Accessibird Adobe Commerce / Magento 2 -sivustolle hallintapaneelin ulkoasuasetuksista.

Accessibirdin asentaminen Lightspeed eCom -verkkokauppaan

Lisää Accessibirdin koodinpätkä Lightspeed eCom -verkkokauppaan (entinen SEOshop) teemaeditorin kautta.

Accessibirdin asentaminen Volusion-sivustolle

Lisää Accessibird Volusion-verkkokauppaan yhteisen sivupohjatiedoston kautta.

Accessibirdin asentaminen suoraan verkkosivustolle

Liitä Accessibirdin koodinpätkä suoraan sivustosi HTML-koodiin juuri ennen sulkevaa body-tunnistetta.

Accessibirdin asentaminen Google Tag Managerin avulla

Ota Accessibird-widget käyttöön Google Tag Managerin Oman HTML-koodin tagilla.

Asennusoppaat

Pienoisohjelma

Widget

Skannaus

Tarkistus

Tehtävät

Toimistot

Vianmääritys

Usein kysytyt kysymykset

Miten suojaatte käyttäjien yksityisyyttä?

Noudatamme sisäänrakennetun tietosuojan periaatteita: emme kerää henkilötietoja, analytiikka on valinnaista ja noudatamme GDPR-asetusta kaikilta osin. Käyttäjät hallitsevat omia tietojaan ja voivat kieltäytyä kaikesta seurannasta.

Kuinka nopeasti näemme tuloksia?

Käyttöönotto vie 5 minuuttia ja vaatii vain yhden script-tagin. Käyttäjät pääsevät käyttämään ominaisuuksia heti, ja näet analytiikkatiedot 24 tunnin kuluessa käyttöönotosta.

Onko widget yhteensopiva verkkosivustoni alustan kanssa?

Kyllä! Widgetimme toimii kaikilla yleisimmillä alustoilla, kuten WordPress, Shopify, Squarespace ja Wix, sekä räätälöidyillä HTML-sivustoilla ja sisällönhallintajärjestelmissä.

Hidastaako widget sivustoani?

Ei, sillä widgetimme on optimoitu suorituskykyä ajatellen. Se latautuu asynkronisesti ja on kooltaan alle 50 kt, joten sen vaikutus sivustosi latausnopeuteen on minimaalinen.

Voinko muokata widgetin ulkoasua?

Kyllä, voit muokata värejä, sijaintia ja kokoa sekä valita käytössä olevat toiminnot hallintapaneelissamme, jotta widget sopii brändiisi.

Mikä Accessibird on?

Accessibird parantaa verkkosivustosi saavutettavuutta jatkuvasti — automaattisesti. Accessibird yhdistää AI Accessibility Widget-, Checker-, Monitor- ja Analytics-työkalut yhteen alustaan. Yhdessä ne havaitsevat ongelmia, parantavat saavutettavuutta, seuraavat verkkosivustoasi jatkuvasti ja auttavat sinua korjaamaan ongelmat pysyvästi niiden lähteellä — vähentäen vaatimustenmukaisuuteen liittyviä riskejä ja tukien WCAG-, EAA- ja ADA-vaatimusten noudattamista.

Voinko hallita useita verkkosivustoja?

Kyllä. Accessibirdin avulla voit seurata useiden verkkosivustojen saavutettavuutta yhdestä keskitetystä hallintapaneelista. Näin voit helposti seurata vaatimustenmukaisuutta ja parannuksia sekä hallita kaikkia sivustojasi yhdellä tilillä.

Pitääkö verkkosivustoni täyttää WCAG-vaatimukset?

Kyllä. Saavutettavuus ei ole enää valinnainen asia. Säädökset, kuten eurooppalainen esteettömyysdirektiivi (EAA) ja Yhdysvaltain Americans with Disabilities Act (ADA), edellyttävät yhä useammin yrityksiltä saavutettavia verkkosivustoja. Vaatimusten laiminlyönti voi johtaa valituksiin, oikeustoimiin, asiakkaiden menettämiseen ja kalliisiin korjaushankkeisiin. Vaatimusten täyttämisen lisäksi saavutettava verkkosivusto parantaa jokaisen kävijän käyttökokemusta ja tuo yrityksesi miljoonien vammaisten ihmisten ulottuville.

Onko teillä ilmainen paketti?

Kyllä! Voit ottaa peruswidgetimme käyttöön täysin ilmaiseksi. Huomaa kuitenkin, että vaikka ilmainen widget on hyvä ensiaskel kävijöiden esteettömyyden parantamiseen, se ei korjaa koodia eikä tue virallista WCAG-vaatimustenmukaisuutta. Kun yrityksesi tarvitsee aktiivista koodin korjausta, automaattista vaatimustenmukaisuuden seurantaa ja tekoälyllä luotuja vaihtoehtoisia tekstejä EAA- ja ADA-vaatimusten täyttämisen tueksi, voit milloin tahansa siirtyä maksulliseen pakettiin alkaen vain 20 €/kk.

Miten Accessibility Checker toimii?

Checker tarkistaa verkkosivustosi välittömästi ja etsii ADA- ja WCAG-vaatimusten noudattamiseen liittyviä ongelmia. Se tunnistaa rikkomukset, selittää kunkin merkityksen, osoittaa tarkan sijainnin koodissa ja luo valmiita tekoälykehotteita ChatGPT-, Claude- tai Gemini-palvelua varten, jotta tiimisi voi korjata ongelmat pysyvästi suoraan lähdekoodissa.

Mitä tietoa saan Accessibird Analyticsista?

Accessibird Analytics näyttää, ketkä verkkosivustollasi tarvitsevat saavutettavuustoimintoja ja mitä avustavia toimintoja he käyttävät. Näet, kuinka moni kävijä käyttää esimerkiksi tekstin koon muuttamista, kontrastin säätöä, näytönlukijan optimointeja ja näppäimistönavigointia sekä miten käyttö kehittyy ajan mittaan. Näin voit priorisoida parannuksia ja osoittaa saavutettavuustyösi vaikutukset käytännössä.

Tarvitsenko kehittäjän Accessibirdin asentamiseen?

Et tarvitse. Accessibird on yksi rivi JavaScript-koodia, joka toimii kaikilla alustoilla. Useimmat sivuston omistajat asentavat sen itse alle viidessä minuutissa. Jos käytät WordPressin, Shopifyn tai Wixin kaltaista sisällönhallinta-alustaa, voit liittää koodin ylätunnisteeseen tai mukautetun koodin lohkoon — kehittäjää ei tarvita.

Mitä Accessibility Monitor tekee?

Monitor tarkkailee verkkosivustoasi jatkuvasti uusien saavutettavuusongelmien varalta sisällön ja koodin muuttuessa. Kertaluonteisen auditoinnin sijaan se tarkistaa sivuston säännöllisesti, seuraa saavutettavuuden heikentymistä ja ilmoittaa uusista ongelmista — jotta sivusto pysyy vaatimusten mukaisena myös julkaisujen välillä.

Tarjoatteko kumppanuusohjelmaa toimistoille?

Kyllä. Accessibirdillä on oma kumppanuusohjelma toimistoille, freelancereille ja konsulteille. Voit hallita rajattomasti asiakkaiden verkkosivustoja yhdestä hallintapaneelista, toimittaa ammattimaisia vaatimustenmukaisuusraportteja ja ansaita jatkuvaa tuloa, kun asiakkaat päivittävät tilauksensa — ilman toimittajalukkoa.

Korvaako tämä manuaaliset saavutettavuuskorjaukset?

Ei. Widget täydentää manuaalisia saavutettavuuskorjauksia tarjoamalla saavutettavuustoimintoja, joita käyttäjä voi itse säätää. Se mukautuu käyttäjän muuttuviin asetuksiin, kun taas manuaalisilla korjauksilla ratkaistaan rakenteellisia ongelmia.

Voivatko käyttäjät mukauttaa käyttökokemustaan?

Kyllä, käyttäjät voivat luoda yksilöllisiä profiileja, tallentaa asetuksiaan ja saada tekoälypohjaisia ominaisuussuosituksia käyttötapojensa perusteella.

Kuinka kauan widgetin asentaminen kestää?

Asennus kestää alle 5 minuuttia. Kopioi vain JavaScript-koodimme ja liitä se verkkosivustosi HTML-koodiin, niin widget on heti käytössä.

Kerääkö widget käyttäjätietoja?

Yksityisyys on meille tärkeää. Widget tallentaa vain saavutettavuusasetukset paikallisesti käyttäjän selaimeen eikä kerää henkilötietoja.

Mitä eroa on maksuttomalla ja maksullisella widgetillä?

Maksuton widget toimii ainoastaan käyttöliittymän aputyökaluna: se tarjoaa kävijöille keskeisiä säätömahdollisuuksia, kuten tekstin koon ja kontrastin säädön, mutta ei korjaa tai muokkaa verkkosivustosi taustalla olevaa koodia. Maksulliset tilaukset mahdollistavat aktiiviset koodikorjaukset. Maksullinen widget korjaa rakenteellisia ongelmia automaattisesti vähentääkseen WCAG-, EAA- ja ADA-vaatimusten noudattamiseen liittyviä riskejä. Samalla se ottaa käyttöön tekoälypohjaisen vaihtoehtoisten tekstien luonnin, jatkuvan seurannan ja lähdekoodia koskevat ohjeet.

Miten Accessibird auttaa täyttämään WCAG-vaatimukset?

Accessibird toimii jatkuvasti yksinkertaisen kolmivaiheisen prosessin mukaisesti: Havaitse. Paranna. Seuraa. Checker tarkistaa verkkosivustosi saavutettavuusongelmien varalta, AI Accessibility Widget vähentää välittömästi monia kävijöiden kohtaamia esteitä, ja Monitor seuraa jatkuvasti uusien ongelmien ilmaantumista verkkosivustosi kehittyessä. Jokaisesta jäljelle jäävästä ongelmasta saat selkeän kuvauksen, tarkan sijainnin koodissa ja käytännön ratkaisuehdotuksia, joiden avulla tiimisi voi parantaa saavutettavuutta pysyvästi.

Mitä CMS-alustoja tuetaan?

Kaikki yleisimmät alustat. Accessibird toimii seuraavilla alustoilla: WordPress, Shopify, Webflow, Magento (Adobe), Wix, HubSpot, Framer, React ja Vue. Se toimii myös räätälöidyillä verkkosivustoilla ja käytännössä kaikilla alustoilla, joille voi lisätä yhden JavaScript-koodinpätkän.

Miksi valita Accessibird muiden sijaan?

Muut alustat veloittavat paljon pelkästä widgetistä ja laskuttavat seurannasta erikseen. Useimmat piilottavat ongelmat käyttäjältä korjaamatta niiden syytä. Accessibird on hybridiratkaisu. AI Widget parantaa kävijöidesi käyttökokemusta välittömästi, kun taas Checker ja Monitor tunnistavat taustalla syvemmän tason WCAG-virheitä. Emme vain ilmoita ongelmista, vaan osoitamme niiden tarkat sijainnit koodissa ja luomme käyttövalmiita tekoälykehotteita ChatGPT-, Claude- tai Gemini-palvelua varten, jotta voit korjata ongelmat pysyvästi. Keskitymme rakenteellisiin parannuksiin, emme vain väliaikaisiin paikkauksiin.

Vaikuttaako Accessibird sivuston suorituskykyyn?

Ei. Accessibird käyttää kevyttä, asynkronista skriptiä, joka latautuu sivustosi pääsisällön jälkeen. Sillä ei ole käytännössä vaikutusta latausnopeuteen, Core Web Vitals -mittareihin, hakukonenäkyvyyteen tai Google Lighthouse -pisteisiin.

Voivatko toimistot hallinnoida useita asiakkaita?

Ehdottomasti. Accessibird on suunniteltu useita verkkosivustoja hallinnoiville toimistoille ja freelancereille. Hallinnoi kaikkia asiakasprojekteja yhdestä hallintapaneelista, seuraa saavutettavuutta jatkuvasti, toimita ammattimaisia vaatimustenmukaisuusraportteja ja auta asiakkaita ratkaisemaan saavutettavuusongelmat pysyvästi ilman toimittajalukkoa.

Minkä standardien perusteella Checker tekee tarkistuksen?

Checker tarkistaa verkkosivustosi WCAG 2.1- ja 2.2 -ohjeistusten (tasot A ja AA) sekä ADA:n ja eurooppalaisen esteettömyysdirektiivin (EAA) mukaisten saavutettavuusvaatimusten perusteella.

Onko analytiikkatietojen käyttö turvallista yksityisyyden kannalta?

Kyllä. Analytiikkatiedot ovat täysin koostettuja ja anonymisoituja. Accessibird ei kerää tietoja, joista henkilön voi tunnistaa, ja kaikki tietojen käsittely on GDPR:n mukaista.

Kuinka usein Accessibird tarkistaa verkkosivustoni uudelleen?

Maksullisiin paketteihin sisältyvät automaattiset, toistuvat tarkistukset, jotka tehdään paketistasi riippuen päivittäin, viikoittain tai kuukausittain. Voit myös käynnistää tarkistuksen itse milloin tahansa hallintapaneelistasi.

Miten toimistot voivat saada toistuvia tuloja Accessibirdin avulla?

Kumppanitoimistot saavat jatkuvia provisioita Accessibirdiin tuomiensa asiakkaiden tilauksista. Kun lisäksi voitte laskuttaa omista saavutettavuuspalveluistanne alustan käytön ohella, vaatimustenmukaisuustyöstä muodostuu kestävä, toistuva tulovirta.

Entä jos brändivärimme eivät täytä kontrastivaatimuksia?

Widget sisältää älykkään kontrastin parannustoiminnon, joka sopii yhteen nykyisen brändi-ilmeenne kanssa ja varmistaa saavutettavuusstandardien täyttymisen käyttäjän itse tekemien säätöjen avulla.

Miten widget vaikuttaa verkkosivuston suorituskykyyn?

Widget on optimoitu vaikuttamaan sivuston suorituskykyyn mahdollisimman vähän viivästetyn latauksen, tehokkaan CSS:n ja asteittaisen parantamisen avulla. Tyypillisesti se lisää latausaikaa alle 50 ms.

Miten tämä tukee WCAG- ja EAA-vaatimusten täyttämistä?

Widget auttaa täyttämään monia WCAG 2.1 AA -tason onnistumiskriteerejä ja tukee eurooppalaisen esteettömyyssäädöksen (EAA) velvoitteiden täyttämistä tarjoamalla kävijöille heidän itse hallittavissaan olevia saavutettavuustoimintoja sekä raportteja korjaustyön tueksi. Vaatimusten täysimääräinen täyttäminen edellyttää silti, että tiiminne tarkistaa sisällön ja koodin sekä tekee manuaalisen arvioinnin.

Tarvitseeko tiimimme koulutusta?

Koulutusta ei tarvita. Widget toimii itsenäisesti ja päivittyy automaattisesti. Hallintapaneeli tarjoaa hyödyllistä tietoa ilman, että sen käyttö edellyttää saavutettavuusosaamista.

Miksi Accessibird on niin edullinen?

Monien muiden saavutettavuustyökalujen hinnat selviävät vasta myyntipuhelussa. Ensin sinulle myydään peruswidget, ja sen jälkeen seurannasta ja kaikesta muusta laskutetaan reilusti lisää. Accessibird toimii toisin. Olemme karsineet kalliit myyntikulut, yritysdemot ja vanhentuneen infrastruktuurin. Pitkälle automatisoidun itsepalvelualustan ansiosta voimme sisällyttää aktiiviset koodikorjaukset, jatkuvan seurannan ja tekoälytyökalut jokaiseen maksulliseen pakettiin. Näin kattava tuki vaatimustenmukaisuuteen on jokaisen yrityksen ulottuvilla alkaen vain 20 €/kk.

Kuinka kauan käyttöönotto kestää?

Viisi minuuttia. Lisää vain yksi rivi JavaScript-koodia verkkosivustollesi. Heti kun skripti on käytössä, AI Accessibility Widget alkaa parantaa saavutettavuutta ja Accessibird käynnistää automaattisesti verkkosivustosi tarkistuksen ja seurannan.

Pääseekö Accessibird palvelimelleni tai verkkosivustoni tietoihin?

Ei. Accessibird toimii kokonaan selaimessa eikä koskaan käytä palvelintasi, tietokantaasi tai asiakkaidesi arkaluonteisia tietoja. Verkkosivustosi pysyy täysin hallinnassasi, ja kaikki tietojen käsittely noudattaa GDPR:n vaatimuksia.

Toimiiko Accessibird räätälöidyillä tai headless-verkkosivustoilla?

Kyllä. Accessibird toimii kaikilla verkkosivustoilla, joille voi ladata JavaScript-koodinpätkän, mukaan lukien räätälöidyt React-, Vue-, Next.js- ja Angular-sivustot sekä headless-toteutukset. Käytettävälle sovelluskehykselle ei ole rajoituksia.

Onko widget saavutettavuusstandardien mukainen?

Esteettömyyswidgetimme on suunniteltu WCAG 2.1 AA -ohjeistuksen mukaiseksi, ja se auttaa parantamaan sivuston saavutettavuutta kävijöille. Se tukee työtäsi vaatimusten täyttämiseksi, mutta ei yksin tee verkkosivustosta lain vaatimusten mukaista — myös sisältö, rakenne ja manuaalinen testaus ovat edelleen tärkeitä.

Tekeekö widget verkkosivustostani WCAG-vaatimusten mukaisen?

Mikään työkalu ei voi rehellisesti taata 100-prosenttista vaatimustenmukaisuutta yhdellä napsautuksella. Saavutettavuus riippuu sekä teknisestä toteutuksesta että sisällöstä. Accessibird automatisoi valtaosan työstä — tekoälypohjainen widgetimme korjaa ongelmia välittömästi, luo puuttuvat vaihtoehtoiset tekstit automaattisesti ja antaa kehittäjille tarkat kooditason korjausohjeet niihin ongelmiin, joita ei voida korjata automaattisesti. Useimmilla verkkosivustoilla tämä poistaa jopa 90 % manuaalisesta työstä.

Miksi pienoisohjelma näkyy eri kielellä kuin odotin?
Accessibird näyttää pienoisohjelman verkkosivustosi kielellä. Se tarkistaa ensin sivusi kieliasetuksen () ja sitten kävijän selaimen kielen. Jos kieli on väärä, tarkista, että sivusi lang-asetus on oikein. Jos haluat käyttää aina tiettyä kieltä, lisää upotuskoodiin data-lang, esimerkiksi data-lang="de", jos haluat kieleksi saksan. Kävijät voivat silti valita pienoisohjelmassa toisen kielen. Valinta tallennetaan heidän laitteelleen verkkosivustoasi varten.

Tuotteet

Jatka tutkimista.

Jokainen työkalu toimii yksinään ja sopii yhteen muiden kanssa.

Accessibird01 · SaavutettavuuswidgetPieni lisävalinta voi tehdä suuren eron.Lue lisää: Saavutettavuuswidget →: Saavutettavuuswidget

Tämä sivusto ei lataa analytiikkaa eikä tukichattia. Luvallasi Meta (Facebook ja Instagram) mittaa käyntiäsi evästeellä, jotta näemme, mitkä mainokset toimivat. Jos tulit mainoksen tai kumppanilinkin kautta, muistamme myös kampanjatunnisteet ja kumppanikoodin vain tämän käynnin ajan, jotta kumppanialennus on voimassa rekisteröityessäsi. Voit poistaa tämän käytöstä täällä milloin tahansa.