Skip to content
PTS-tillsyn17 pågående tillsynsärenden mot svensk e-handel
Granska
← Alla WCAG-kriterier
WCAG 2.1.2Nivå AOperable

Ingen tangentbordsfalla

Tangentbordsanvändaren ska kunna lämna alla komponenter.

Vad kriteriet kräver

Fokus får inte fastna i en komponent — användaren ska kunna lämna med standard-tangenter (Tab eller Escape).

Hur Granska kontrollerar

Vi tab:ar igenom modaler, dropdowns och pop-overs och flaggar fall där fokus fastnar eller cykliskt återkommer utan return-path.

Vanliga felmönster

  • Modaler utan Escape-stängning
  • Embed-iframes som fångar fokus permanent
  • Date-pickers utan Escape-handler

Kodfix-exempel (Next.js)

Granska genererar liknande fixar anpassade per stack. Det här är ett representativt exempel.

components/Modal.tsx
tsx
useEffect(() => {
  const onKey = (e: KeyboardEvent) => {
    if (e.key === "Escape") onClose();
  };
  window.addEventListener("keydown", onKey);
  return () => window.removeEventListener("keydown", onKey);
}, [onClose]);

Scanna er sajt mot WCAG 2.1.2

Granska kontrollerar 80+ WCAG-kriterier automatiskt och genererar stack-specifika kodfixar.

Skanna gratis ▸