SAAVUTETTAVUUSSKANNERIUUSIPRO JA YLEMMÄT

Sama skanneri. Nyt se lukee sivustosi kuten ruudunlukija.

Katla käy jo jokaisella sivulla etsimässä evästeitä. Pro-paketista alkaen sama skannaus toimii myös saavutettavuusskannerina: se tekee WCAG 2.2 AA -auditoinnin, pisteyttää sivuston ja kertoo, mikä elementti kannattaa korjata ensin. Valmiina EU:n esteettömyysdirektiiviä (European Accessibility Act) varten, ilman uutta toimittajaa. Ja jokainen paketti, myös Free, saa saavutettavuuswidgetin maksutta.

Päivitä Pro-pakettiin Katso esimerkkiraportti

Standardi: WCAG 2.2, tasot A ja AA
Sääntely: European Accessibility Act (voimassa kesäkuusta 2025), EN 301 549
Kattavuus: Jokainen evästeskannauksesi sivu, samalla aikataululla
Paketit: Auditointi: Pro ja Business. Widget: kaikki paketit, ilmainen

SaavutettavuusWCAG 2.2 AA -auditointi, 14 sivua · skannauksesta 2.9.2026

Prompt to improveVie raportti▷ Käynnistä koko skannaus

SaavutettavuuspisteetParannettavaaWCAG 2.2 · TASO AA

Kriittinen4Estää ruudunlukijan käytön

Vakava119 sivulla

Kohtalainen16Enimmäkseen kontrastiongelmia

Ongelmat periaatteittainHavaittava, hallittava, ymmärrettävä, toimintavarma

Havaittava17

Hallittava8

Ymmärrettävä4

Toimintavarma2

Pisteet ajan mittaanViimeiset 6 skannausta

58huhti

61touko

64kesä

69heinä

70elo

72syys

31 ongelmaaKaikki vakavuustasot ▾

VAKAVUUSONGELMAKRITEERISIVUTELEMENTIT

KriittinenKuvista puuttuu tekstivastine1.1.1 Ei-tekstuaalinen sisältö623

KriittinenLomakekentät ilman ohjelmallista nimilappua1.3.1 / 4.1.225

VakavaPainikkeet ilman saavutettavaa nimeä4.1.2 Nimi, rooli, arvo1441

KohtalainenTekstin kontrasti alle 4,5:1 himmeissä nimikkeissä1.4.3 Kontrasti9112

NÄIN SE TOIMII

Yksi läpikäynti, kaksi auditointia.

Evästeskanneri renderöi jo jokaisen sivun oikeassa selaimessa. Saavutettavuusauditointi ajetaan samassa istunnossa, joten mitään uutta ei tarvitse määrittää eikä sivuista makseta erikseen.

Skannaus ajetaan tavalliseen tapaan

Sama läpikäynti, sama aikataulu. Sivut renderöidään oikeassa selaimessa täsmälleen kuten evästeluetteloa varten.

Auditointi sivu kerrallaan

Kun sivu on asettunut, se testataan WCAG 2.2:n tason A ja AA sääntöjä vasten siinä tilassa, jonka suostumuksen antanut kävijä näkee.

Pisteytys ja järjestys

Ongelmat ryhmitellään vakavuuden, periaatteen ja kriteerin mukaan. Sivusto saa pisteet, ja jokaiselle sivulle lasketaan ongelmien määrä.

Korjaa ja skannaa uudelleen

Vie raportti, anna kehote koodausavustajallesi tai lue raportti CLI:n ja MCP-palvelimen kautta. Seuraava skannaus näyttää muutoksen.

PROMPT TO IMPROVE

Raportti, jonka pohjalta koodausavustajasi voi toimia.

Jokaisesta ongelmasta näet tarkan elementin, WCAG-kriteerin ja sen, kuinka laajalti ongelma esiintyy. ”Prompt to improve” -painike tekee valitsemistasi ongelmista kehotteen Claude Codelle, Cursorille tai Copilotille. Voit myös lukea raportin suoraan MCP-palvelimelta.

katla-a11y-prompt.mdKopioitu

# Accessibility fixes for example.com
Source: Katla scan, Sep 2 2026 · WCAG 2.2 AA · 31 issues

## Critical (4)
- [critical] Images must have alternative text (image-alt)
  WCAG 1.1.1 · 6 pages · 23 elements
  Reference: https://dequeuniversity.com/rules/axe/4.13/image-alt

- [critical] Form elements must have labels (label)
  WCAG 1.3.1, 4.1.2 · 2 pages · 5 elements

## Serious (11)
- [serious] Buttons must have discernible text (button-name)
  WCAG 4.1.2 · 14 pages · 41 elements

For each issue: find the markup or component responsible, fix it
at the source rather than per page, and say which files you changed.

SAAVUTETTAVUUSWIDGETILMAINEN

Anna kävijöille säätimet sillä aikaa, kun korjaat koodia.

Pieni, saavutettava paneeli, jonka kävijäsi voivat avata ja säätää tekstin kokoa, kontrastia, välistystä ja liikettä itselleen sopiviksi. Se ei korvaa auditoinnin löytämien ongelmien korjaamista, eikä mikään sivun päälle lisätty voi, mutta se auttaa jotakuta jo tänään. Ilmainen kaikissa paketeissa, myös Free-paketissa.

Säätimet: Tekstin koko, rivi- ja merkkiväli, tasaus, helppolukuinen fontti, kontrasti ja värimallit, värikylläisyys, lukuviivain, linkkien, otsikoiden, kohdistuksen ja hover-tilan korostus, suuri kohdistin, kuvien piilotus, äänten mykistys, animaatioiden pysäytys
Tehty oikein: Toimii näppäimistöllä ja on nimetty ruudunlukijoille, avautuu näppäinyhdistelmällä Alt+Shift+A tai sivun ensimmäisestä sarkainpysäkistä ja muistaa kunkin kävijän valinnat tämän omassa selaimessa
Rehellinen: Se mukauttaa sivua sille, joka sitä pyytää. Se ei kirjoita merkintöjäsi uudelleen, eikä sen asentaminen tee sivustosta WCAG:n mukaista
Asennus: Yksi script-tagi. Toimii millä tahansa sivustolla, headless tai ei, ja ottaa lähtökohdaksi kävijän omat liikkeen vähentämisen ja kontrastin asetukset
Hinta: Ilmainen kaikissa paketeissa. Koodinpätkä on hallintapaneelissasi heti rekisteröitymisen jälkeen

Rekisteröidy ja hae koodinpätkäIlmainen tili. Koodinpätkä on hallintapaneelissasi heti rekisteröitymisen jälkeen.

Liitä ennen tagia </body>Saatavilla rekisteröitymisen jälkeen

<script src="https://cdn.katla.app/a11y.js"
  data-site="••••••••" defer></script>

Free- ja Starter-paketeissa paneelissa on ”Powered by Katla” -rivi, joka linkittää osoitteeseen katla.app. Pro-paketista alkaen rivi jää pois. Tagi on sama molemmissa tapauksissa.

MITÄ SE TARKISTAA

WCAG 2.2 AA:n automaattinen kattavuus, rehellisesti merkittynä.

Automaattiset työkalut löytävät suunnilleen puolet saavutettavuusongelmista. Raportti kertoo, mitkä kriteerit testattiin ja mitkä vaativat ihmisen arvion, eikä se koskaan väitä läpäisyä, jota se ei pysty todistamaan.

Tekstivastineet

1.1.1

Kuvat, kuvakkeet ja SVG:t ilman nimeä sekä koristekuvat, joita ei ole piilotettu avustavilta teknologioilta.

Kontrasti ja väri

1.4.1 · 1.4.3

Tekstin kontrasti todellista renderöityä taustaa vasten sekä pelkän värin varassa välitetty merkitys.

Näppäimistö ja navigointi

2.1.1 · 2.4.1 · 2.4.2

Näppäimistöansat, puuttuvat ohituslinkit ja sivut ilman otsikkoa: asiat, jotka jättävät näppäimistön käyttäjän jumiin.

Rakenne ja nimet

1.3.1 · 3.3.2 · 4.1.2

Otsikot oikeassa järjestyksessä, kiintopisteet paikallaan sekä lomakkeen säätimillä ja linkeillä saavutettavat nimet.

Kohteen koko

2.5.8

Uutta WCAG 2.2:ssa: vuorovaikutteiset kohteet vähintään 24×24 CSS-pikseliä tai niin väljästi sijoiteltuina, etteivät ne mene päällekkäin.

Vaatii ihmisen

Merkitään, ei koskaan läpäistä

Kriteerit, joita automaatio ei pysty arvioimaan, kuten tekstivastineiden laatu, lukujärjestys ja tekstitykset, raportoidaan manuaalisina tarkistuksina, ei koskaan läpäistyinä.

SAATAVUUS

Widget kaikissa paketeissa. Auditointi Pro-paketista alkaen.

Ei sivu- tai skannauskohtaisia maksuja. Sama kiinteä sivustokohtainen hinta kuin ennenkin.

Katso hinnat →

FreeProBusiness +

SaavutettavuuswidgetIlmainenIlmainenIlmainen

Widget ilman Katla-brändiä-SisältyySisältyy

Saavutettavuusauditointi-SisältyySisältyy

Auditoidut sivut-Kaikki skannatut sivutKaikki skannatut sivut

Pistehistoria-Joka skannausJoka skannaus

Raportin vienti-CSVCSV

Prompt to improve-SisältyySisältyy

CLI- ja MCP-käyttö-SisältyySisältyy

Selvitä pisteesi ennen kuin joku muu tekee sen.

Päivitä Pro-pakettiin, niin seuraava ajastettu skannauksesi sisältää saavutettavuusauditoinnin. Onko sinulla jo Pro? Auditointi on jo hallintapaneelissasi.

Päivitä Pro-pakettiin Avaa hallintapaneeli