Web Frontend Code Review Patterns

Stack-specific rules loaded by dh:code-reviewer when *.html, *.css, or *.jsx (browser-targeted) files are detected.

Accessibility

Every interactive element (button, link, input, select) must have an accessible name — either visible text, aria-label, or aria-labelledby
Focus must be managed when modals, dialogs, or dynamic panels open — trap focus inside and restore it on close
Color contrast ratio must meet WCAG AA — 4.5:1 for normal text, 3:1 for large text (18px+ or 14px+ bold)
Icon-only buttons without visible text must have aria-label or a visually-hidden text span
Form inputs must be associated with their label via for/id pairing or aria-labelledby — proximity alone is not sufficient
Images conveying information must have descriptive alt text; decorative images use alt=""
Keyboard navigation must work — focus order must follow visual order, no focus traps outside intentional modal patterns