Kehitystiimeille

Testaa renderöity Next.js-sovellus, ei vain sen komponentteja

Komponenttitestit ovat tärkeitä, mutta reitit voivat silti yhdistyä saavutettavuudeltaan puutteellisiksi sivuiksi. Skannaa julkaistu lopputulos, korjaa lähde ja tarkista se julkaisun jälkeen uudelleen.

Tyypillinen Next.js-työ

Reittitason semantiikka

Havaitse päällekkäiset maamerkit, otsikkoaukot, nimeämättömät ohjaimet ja DOM-suhteet koostamisen jälkeen.

Selainpuolen tila

Arvioi lomakkeet, dialogit, navigointi ja lataustilat automaattisen testauksen tuloksilla sekä näppäimistö- ja ruudunlukijatarkistuksilla.

Julkaisuregressiot

Ajasta tallennettujen reittien skannaukset ja vertaa kehityssuuntia, kun suunnittelujärjestelmän tai ominaisuuksien muutokset julkaistaan.

Tuo saavutettavuustarkistukset julkaisusykliin

Käytä kohdennettuja uudelleentarkistuksia, CI:tä, vertailukelpoisten ajojen eroja ja kirjautumista vaativia polkuja pitääksesi konkreettiset todisteet lähellä kehitystyötä.

Pull request

Aja julkaistu GitHub Action tai GitLab CLI nimenomaisella uusien havaintojen käytännöllä.

Kohdennettu varmistus

Skannaa muuttunut reitti uudelleen ja pidä sääntö, valitsin, lähdekoodinäyte ja kohdesivujen todisteet yhdessä.

Regressioero

Vertaa valmistuneita ajoja vain, kun sivujoukko ja standardi ovat vertailukelpoisia.

Kirjautumista vaativat tilat

Mallinna toistettavat tarkistuspisteet tuotteen tiloille, joihin julkinen sivustonläpikäynti ei yllä.

Mitä automaatio voi tukea

Renderöityjen sääntöjen tarkistukset, määritetty CI-käytäntö, tavoitettujen sivujen määrät, vertailukelpoisten ajojen muutokset ja tarkistuspisteiden havainnot.

Mikä vaatii edelleen ihmisiä

Vuorovaikutuksen laatu, tehtävän suorittaminen, avustavan teknologian toiminta, sisällön merkitys ja vaatimustenmukaisuuden arviointi.

Katso todisteet ennen tilin luomista

Esimerkki on oikea raporttinäkymä: vakavuus, kohteena oleva elementti, sääntö ja käytännön ohje korjaukseen. Automaattinen kattavuus on selvästi erotettu manuaalisesta tarkistuksesta.

Esikatselu wcagc-skannausraportista
Esikatselu wcagc-skannausraportistaAvaa esimerkkiraportti

Alustakysymykset

Pitääkö minun asentaa lisäosa?
Ei. wcagc tarkistaa renderöidyn julkisen verkkosivuston, joten se ei vaadi alustan lisäosaa.
Löytääkö tarkistus kaikki saavutettavuusongelmat?
Ei. Automaattiset testit löytävät vain osan WCAG-ongelmista. Teeman semantiikka, sisällön laatu, näppäimistökäyttö ja avustavien teknologioiden toiminta vaativat myös manuaalisen tarkistuksen.
Voinko varmistaa muutoksen korjauksen jälkeen?
Kyllä. Skannaa kyseinen sivu tai tallennettu sivusto uudelleen, vertaa ajantasaista näyttöä ja pidä manuaaliset tarkistukset osana työnkulkua.