القائمة
UU/WCAG-review for Nav-frontend — tastaturflyt, skjermleser, axe, kontrast, fokus, feilmeldinger, skjema og Aksel-bruk. Brukes via /accessibility-review før PR eller release.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Utforsk designkonsepter visuelt med Aksel-tema i nettleser, og lever som Figma-skisse. Brukes via /prototype når et konsept skal visualiseres.
Klarsprak-skillen veileder klarspråk og språkvask av feilmeldinger, mikrotekst og AI-markører i norsk tekst. Brukes via /klarsprak når brukeren ber om klarspråk, språkvask, AI-markører, feilmeldinger eller mikrotekst.
Feilsøking av runtime-problemer i Nav-miljø — pod crash, OOMKilled, 401/403, auth-feil, Kafka lag, DB-timeout, Flyway-feil, logger og Nais-diagnostikk. Brukes via /nav-troubleshoot ved driftsfeil.
Sikkerhetsgjennomgang for Nav-applikasjoner — PII, FNR, helseopplysninger, secrets, logging, auditlogg, accessPolicy, eksterne integrasjoner, DPIA og sikkerhetschampion. Brukes via /security-review ved sikkerhetsreview.
Dulting (nudging) i Nav-tjenester — utforsk muligheter, design intervensjoner og prototype med EAST, Fogg og FORGOOD-etikk. Brukes via /dulting ved utforsking av dulting-muligheter eller design av atferdsintervensjoner.
Flyway-databasemigreringer — V__ SQL-filer, schema-endringer, backfill, indeksmigrering, rollback-plan og produksjonssikker rekkefølge. Brukes via /flyway-migration ved nye eller endrede migreringer.
| name | accessibility-review |
| description | UU/WCAG-review for Nav-frontend — tastaturflyt, skjermleser, axe, kontrast, fokus, feilmeldinger, skjema og Aksel-bruk. Brukes via /accessibility-review før PR eller release. |
Review-prosess for universell utforming (UU) i Nav-flater. Universell utforming av ikt er lovpålagt for offentlig sektor gjennom Likestillings- og diskrimineringsloven §17 og Forskrift om universell utforming av ikt-løsninger, med WCAG 2.1 nivå A og AA som forskriftskravet per i dag. WCAG 2.2 AA er fremoverlent praksis der relevant (nye suksesskriterier som 2.4.11 Focus Not Obscured er enkle å etterleve med Aksel). Verifiser alltid gjeldende krav mot Tilsynet for universell utforming av ikt (uutilsynet.no), som kan revidere løsningene våre og gi pålegg.
accessibility.instructions.mdDenne skillen er for review-arbeid og større UI-flyter; instructions auto-injiseres under koding med korte minimumsregler. Skillen utdyper med konkrete sjekkpunkter, testoppskrifter og Nav-spesifikke heuristikker.
Når du koder nytt: la instructions styre. Når du skal gjennomgå en branch, flate eller ekstern leveranse før produksjon: bruk denne skillen.
<main>, <nav>, <article>, <section>, <button> og <a> der semantikken finnes.h1 → h2 → h3).lang og sidetittel der app-strukturen eier dette.TextField, Textarea, Select, Checkbox, Radio og tilsvarende der de finnes.ErrorSummary øverst.title eller tilsvarende Aksel-mønster.<div onClick> uten rolle, tabIndex, tastaturhåndtering og fokusstil.aria-live, aria-busy eller Aksel-komponentenes innebygde mønstre der semantikken ikke allerede er dekket.jest-axeimport { axe, toHaveNoViolations } from "jest-axe";
expect.extend(toHaveNoViolations);
it("har ingen automatiske tilgjengelighetsfeil", async () => {
const { container } = render(<MyComponent />);
expect(await axe(container)).toHaveNoViolations();
});
import { test, expect } from "@playwright/test";
import AxeBuilder from "@axe-core/playwright";
test("side har ingen alvorlige tilgjengelighetsfeil", async ({ page }) => {
await page.goto("/skjema");
const results = await new AxeBuilder({ page }).analyze();
expect(results.violations).toEqual([]);
});
Aksel-komponenter (@navikt/ds-react) har WCAG-samsvar, fokus-håndtering, ARIA og skjermleser-støtte innebygd. Første review-spørsmål er alltid: brukes Aksel-komponenter der det finnes, eller er noe håndlaget unødvendig?
Se aksel-design-skillen for komponentvalg, tokens og mønstre.
Begge deler kreves — automatiske verktøy fanger ~30 % av WCAG-bruddene.
axe-core (via @axe-core/react eller Playwright-integrasjon) i CI. Lighthouse for rask sanity-sjekk.Nav skriver for folk i sårbare situasjoner. Uklart språk er et UU-brudd i praksis (WCAG 3.1.5 Lesenivå). Feilmeldinger, labels og hjelpetekst skal være konkrete og handlingsrettede. Se klarsprak-skillen.
axe-core uten serious/critical funn på endrede sideraria-describedby) og på klarspråkh1–h3) uten hopplang="nb") og korrekt dokumenttittel