Tangentbord

Vad kriteriet kräver

All funktionalitet på sidan ska kunna utföras med tangentbordsgränssnitt utan att kräva specifik timing för enskilda knapptryckningar.

Hur Granska kontrollerar

Vi tab:ar igenom sidan och flaggar element som har onClick men inte är button/a/input, samt custom-komponenter utan tabindex eller keyboard-handlers.

Vanliga felmönster

• <div onClick> utan tabindex eller role
• Custom dropdown utan keyboard-stöd
• Drag-and-drop utan keyboard-alternativ
• Hover-baserade tooltips utan focus-aktivering

Kodfix-exempel (Next.js)

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

// Före
<div onClick={handleClick}>Klicka här</div>

// Efter
<button type="button" onClick={handleClick}>
  Klicka här
</button>