A11ying with Sanna - 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.

Webwarden

Webwarden on tuoreimpia tulokkaita markkinoille Suomessa. Webwarden on tällä hetkellä pilottivaiheessa ja työkalu näyttää todella lupaavalta. Työkalussa on jo nyt paljon ominaisuuksia saavutettavuuden seurannasta aina HTML:n laadun ja sivuston yleisen laadun seurantaan. Webwardenin hinnoittelu vaikuttaisi myös olevan selkeästi edullilsempi kuin valtaosa työkaluista. Tämä tekee Webwardenista kiinnostavan työkaluvaihtoehdon myös pienemmille toimijoille, joilla ei välttämättä ole kovin isoa budjettia käytettävissään.

Työkalun käyttöliittymä on selkeä ja tiedot eri aihealueista on helppo löytää. Käyttöliittymässä on kiinnitetty huomiota ymmärrettävyyteen ja saavutettavuuteen.

Näkemäni perusteella uskaltaisin sanoa, että tällä työkalulla on mahdollisuus pistää kilpailijatkin tekemään töitä tarjotakseen saman määrän ominaisuuksia. Joten jos etsit edullisempaa, mutta kuitenkin maksullista työkalua, kannattaa seurata tätä nimeä.

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.

Työkalun käyttöliittymä on selkeä ja ymmärrettävä. Saat tietoa ja ohjeita jokaisesta löydöksestä, jotta ongelmat on mahdollisimman helppo korjata. Työkalun kognitiivinen kuorma on selvästi vähäisempi kuin työkaluissa yleensä.

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 myös itse kokeilemaan sitä. Olin työkalusta hyvin vakuuttunut ja toivonkin pääseväni käyttämään sitä työssäni.

Lue lisää Accessibility Keeperiin Eficoden sivustolla.

QAutoEQual

Yksi viimeisimmistä työkalututtavuuksistani on QAutoEQual. Työkalua kehittää QAutomate.

QAutoEQual käyttää moottorinaan QualWebiä, mitä myös AVI:n Salvia-työkalu käyttää.

Olen pääsemässä testaamaan myös tätä työkalua, joten tiedän vielä tarkemmin sen ominaisuuksista myöhemmin. Näkemäni demon perusteella työkalu vaikuttaa hyvältä työkalulta.

Mikä itseäni kiinnostaa tässä työkalussa ehkä eniten, on sen hyödyntäminen paikallisissa kehitysympäristöissä. Työkalupaketti, jonka olen nähnyt, sisältää sekä komentorivikäyttöliittymän, että jonkinsorttisen hybridiselainlisäosan. Kaikki työkalut eivät järkevästi pysty skannaamaan paikallisia kehitysympäristöjä, joten se on selkeä plussa QAutoEQualille.

Lue lisää QAutoEQualista heidän QAutomaten sivustolta.

Siteimprove

Siteimprove on 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.

Mikä erottaa Siteimproven ainakin tällä hetkellä muista työkaluista on analytiikka. Siteimprove on ainoa työkalu, jonka tiedän tarjoavan myös analytiikan. Jos etsit työkalua, joka tarjoaa kaikki mahdolliset ominaisuudet, Siteimprove voi olla sopiva vaihtoehto.

Siteimprovella on myös lisäosat ainakin WordPress- ja Drupal-julkaisujärjestelmiin sekä paljon muita integraatioita. Tällä hetkellä Siteimproven Drupal-moduuli ei ole tuettu Drupal 11 -versiolla. Jos olet jo päivittänyt siihen, joudut odottelemaan moduulin kehitystä.

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.

Siteimprove

Siteimprovella on myös saavutettavuuden tarkastamiseen Accessibility Checker selainlisäosa, joka on tarjolla Chromelle, Operalle, Edgelle ja Firefoxille. Käytän usein tätä lisäosaa ja se on miellyttävä käyttää.

Siteimprovella on myös toinen selainlisäosa, jonka kautta näet sivuston saamat pisteet. Tämä lisäosa on tarjolla Chromelle ja Firefoxille.

Tutustu tarkemmin englanniksi Siteimproven selainlisäosiin heidän sivustollaan.

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.