Toki, jos voisin opas saavutettavuuteen

Työkaluja saavutettavuuden seurantaan

Tarjolla on useita työkaluja, jotka voivat auttaa sinua. On hyvä pitää mielessä, että mikään automaattinen työkalu ei löydä kaikkia saavutettavuuspuutteita. On edelleen paljon asioita, jotka pitää testata käsin. Automaattiset työkalut voivat kuitenkin säästää aikaa.

Itse ylläpidetyt työkalut

Jos voit itse ylläpitää työkaluja, tarjolla on useita ilmaisia vaihtoehtoja.

Pa11y Dashboard

Jos olet kehittäjä, olet saattanut kuullakin työkalusta Pa11y. Pa11y Dashboard tarjoaa nettikäyttöliittymän Pa11y-työkalulle.

Pa11y Dashboard on saatavilla GitHubissa.

Salvia

Salvia on työkalu, jota Aluehallintovirasto käyttää saavutettavuuden valvontaan. He ovat julkaisseet Salvian lähdekodin GitHubissa.

Salvian toimintaan saaminen vaatii jonkin verrran koodaritaitoja.

Lue lisää Salviasta Aluehallintoviraston sivuston artikkelista.

Työkalun käyttöliittymä on mukava. Työkalusta saavavat tulokset eivät välttämättä ole parhaat aloittelijalle. Mutta työkalu on käytettävissä ilmaiseksi, joten eipä kyllä voi valittaa! Aluehallintoviraston sivustolta löytyy tietoa työkalun lisensöinnistä. Tarkasta ne ennen kuin otat työkalua käyttöön.

Maksulliset automaattiset työkalut

Markkinoilta löytyy paljon maksullisia työkaluja. Jotkut ovat parempia kuin toiset. Listaan seuraavaksi kolme työkalua, jotka tunnen parhaiten.

Dequella on useita Axe-työkaluja

Jos olet lukenut saavutettavuudesta englanniksi, olet saattanut hyvinkin törmätä Dequeen. Tai jos olet osallistunut axe-con-tapahtumaan.

Dequella on työkaluja saavutettavuuden seurantaan niin kehittäjille, testaajille kuin sisällöntuottajillekin. Työkalujen hinnoittelusta en tiedä, koska he eivät julkaise tätä tietoa kaikkien nähtäville.

Olettaisin, että työkalu Axe Monitor voisi olla hyvä saavutettavuuden seurantaan. Mutta koska työskentelen Exovella, kilpailemme teoriassa samalla alueella kuin Deque. Tästä syystä en ole nähnyt tästä työkalusta demoa. He myyvät tämän työkalun suoraan asiakkaille, joiden palvelut ovat kyseessä.

Jos olet kiinnostunut Dequen työkaluista, ota heihin yhteyttä ja pyydä demoa. Kaikki Dequen työntekijät, joiden kanssa olen keskustellut, ovat olleet todella mukavia. Jos etsit markkinoiden parasta työkalua maksoi mitä maksoi, olettaisin, että Dequelta se ainakin tällä hetkellä löytyy.

Eficode Accessibility Keeper

Olet saattanut kuulla myös yrityksestä Eficode. He tekevät paljon asioita monilla alueilla, myös saavutettavuudessa. He ovat julkaisseet oman saavutettavuuden seurantatyökalunsa.

Eficode Accessibility Keeper keskittyy käytännössä täysin saavutettavuuteen. Eli jos et hae työkalua, joka monitoroi ihan jokaista asiaa, tässä voi olla hyvä työkalu sinulle.

Käyttöliittymä on selkeä ja ymmärrettävä. Saat tietoa ja ohjeita jokaisesta löydöksestä, jotta ongelmat on mahdollisimman helppo korjata.

Työkalu löytyy sekä suomeksi että englanniksi.

En ole varma millaisissa hinnoissa työkalu liikkuu, mutta tämä työkalu on erinomainen. Olin onnekas, kun saimme Exovella demon työkalusta ja pääsimme itse kokeilemaan sitä. Olin työkalusta hyvin vakuuttunut ja toivonkin pääseväni käyttämään sitä työssäni.

Siteimprove

Siteimprove on myös hyvin tunnettu tekijä markkinoilla. Heidän työkalunsa tarjoaa saavutettavuuden seurannan lisäksi myös muuta seurantaa, kuten hakukoneoptimointia ja laadunvarmistusta. Tarjolla olevat ominaisuudet riippuvat valitusta ominaisuuspaketista. Siteimprove ei todellakaan ole halpa, mutta se on laadukas työkalu.

Siteimproven käyttöliittymä ei ole yhtä selkeä kuin Eficoden työkalussa. Mutta voin hyvin ymmärtää miksi, kun työkalussa on paljon enemmän ominaisuuksia.

Työkaluja yksittäisten sivujen tarkastamiseen

Jos itse ylläpidetty tai maksullinen palvelu ei ole mahdollinen, ei hätää. Tarjolla on paljon ilmaisia työkaluja, jotka eivät vaadi koodaustaitoja.

Deque Axe DevTools (ilmaisversio)

Axe DevTools -työkalusta on tarjolla myös ilmainen versio. Ilmainen versio ei tokikaan ole lähellekään yhtä kattava kuin maksullinen versio, mutta ilmaisversio on silti oma suosikkityökaluni.

Työkalun käyttöliittymä on todella miellyttävä ja ongelmien kuvaukset ovat hyvin selkeät.

Valitettavasti en tällä hetkellä pysty hankkimaan työkalun maksullista versiota, mutta olen nähnyt siitä demon ja työkalu on äärettömän hyvä.

Axe DevTools -selainlaajennos on tarjolla Chromelle, Firefoxille ja Edgeen.

Lighthouse

Lighthouse on oletuksena tarjolla Chromessa. Työkalu löytyy selaimen kehitystyökaluista.

Työkalulla voi tarkastaa puhelin- tai työpöytäversion sivusta. Sivua voi tarkastella usean kategorian osalta:

  • suorituskyky,
  • saavutettavuus,
  • parhaat käytännöt,
  • SEO ja
  • Progressive Web App.

Wave

Tiedän monia, jotka käyttävät tätä työkalua. Itse pidän ennemän muista työkaluista, mutta Wavessa on mukavaa se, että sen saa sekä selainlaajennoksena että se toimii verkkosivuna. Eli jos et halua asentaa selainlaajennoksia, tutustu Waveen. Sivustolta löytyy myös linkit selainlaajennoksen asentamiseen Chromelle, Firefoxille ja Edgeen.

HTML_CodeSniffer

Bookmarklet, joka skannaa sivun virheiden, varoitusten ja huomautusten osalta. Tämä oli ensimmäisiä työkaluja, joita aloin käyttämään.

Ilmaisia työkaluja tiettyjen asioiden tarkasteluun

Erilaisia työkaluja saavutettavuuden tarkasteluun on todella paljon. Ja kaikki niistä eivät todellakaan ole hyviä. Eli älä automaattisesti luota jokaiseen työkaluun, joka tulee vastaan.

Listaan seuraavaksi joitakin työkaluja, joita itse käytän melko säännöllisesti.

Otsikoiden tasoja ja laatua voi tarkastella headingsMap-selainlaajennoksella

Työkalu näyttää selkeän ja pelkistetyn näkymän sivun rakenteesta. Se näyttää otsikot tasoineen, jolloin mahdolliset virheelliset otsikkotasot on helppo löytää. Asenna headingsMap-selainlisäosa Firefox Add-ons -kaupasta.

Tarkasta Landmarks-työkalulla onko sisältö maamerkkien sisällä

Maamerkit ovat ARIA-merkinnöillä määritettäviä osioita, joita avustavaa teknologiaa käyttävä käyttäjä voi hyödyntää sivulla liikkumiseen.

Laajennos näyttää sivulta löytyvät maamerkit ja niiden nimet. Näin voit helposti tarkastaa onko toistuvilla maamerkeillä yksilöivät nimet. Hyvä esimerkki maamerkistä, joka saattaa toistua sivulla on navigointielementti (<nav>). Jos sivulla on monta nimetöntä valikkoa, ei käyttäjä tiedä mikä valikko on mikäkin.

Asenna Landmarks-selainlisäosa Firefox Add-ons -kaupasta.