För utvecklingsteam

Testa den renderade Next.js-appen, inte bara komponenterna

Komponenttester är viktiga, men routes kan ändå sättas ihop till otillgängliga sidor. Skanna den driftsatta versionen, åtgärda källan och kontrollera igen efter release.

Typiskt arbete i Next.js

Semantik på route-nivå

Hitta duplicerade landmärken, hoppade rubriknivåer, kontroller utan namn och DOM-relationer efter sammansättning.

Tillstånd på klientsidan

Granska formulär, dialogrutor, navigering och laddningslägen med automatiskt underlag samt kontroller med tangentbord och skärmläsare.

Regressioner i releaser

Schemalägg skanningar av sparade routes och jämför trender när ändringar i designsystem eller funktioner släpps.

Bygg in tillgänglighetskontroller i releaseflödet

Använd riktade omkontroller, CI, jämförelser av jämförbara körningar och inloggade användarflöden för att hålla konkreta belägg nära utvecklingsarbetet.

Pull request

Kör GitHub Action eller GitLab CLI med en uttrycklig policy för nya fynd.

Riktad verifiering

Skanna den ändrade rutten igen och håll ihop regel, selektor, källkodsutdrag och belägg för berörda sidor.

Regressionsjämförelse

Jämför slutförda körningar bara när sidurval och standard är jämförbara.

Inloggade lägen

Modellera repeterbara kontrollpunkter för produktlägen som en publik genomsökning inte når.

Vad automatiseringen kan stödja

Kontroller av renderade regler, konfigurerad CI-policy, antal nådda sidor, ändringar mellan jämförbara körningar och fynd per kontrollpunkt.

Vad som fortfarande kräver människor

Interaktionskvalitet, att uppgifter kan slutföras, beteende med hjälpmedel, innehållets betydelse och en bedömning av överensstämmelse.

Se underlaget innan du skapar konto

Exemplet är en riktig rapportvy: allvarlighetsgrad, berört element, regel och praktisk vägledning för åtgärden. Automatisk täckning hålls tydligt åtskild från manuell granskning.

Förhandsvisning av en skanningsrapport från wcagc
Förhandsvisning av en skanningsrapport från wcagcÖppna exempelrapport

Frågor om plattformar

Måste jag installera ett plugin?
Nej. wcagc skannar den renderade publika webbplatsen, så det krävs inget plugin för plattformen.
Hittar skanningen alla tillgänglighetsproblem?
Nej. Automatiska tester hittar bara en del av WCAG-problemen. Temats semantik, innehållets kvalitet, tangentbordsflöden och beteende med hjälpmedel kräver också manuell granskning.
Kan jag verifiera en ändring efter att jag åtgärdat den?
Ja. Skanna om den berörda sidan eller sparade webbplatsen och jämför aktuellt underlag, samtidigt som de manuella kontrollerna finns kvar i arbetsflödet.