Portfolio Project Grid with Modals

← → Navigate between projects

Esc Close modal

Tab Focus trap within modal

Implementation Features

✓ Native <dialog> — Built-in focus trap, Escape key, and backdrop
✓ Keyboard Navigation — Arrow keys navigate between projects while modal is open
✓ Focus Management — Returns focus to trigger element on close
✓ Lazy Loading — Images load only when needed (hover prefetch optional)
✓ ARIA Attributes — Proper labeling for screen readers
✓ Reduced Motion — Respects prefers-reduced-motion preference
✓ Progressive Enhancement — Modal for preview, link to full page