[yungsamd17]

Summary

Implements the Web Interface Guidelines review findings across the site while preserving the existing visual design and tool behavior.

Changes

• Shared skip link, main landmark, live region, safe-area padding, focus rings, and contrast tokens.
• Correct heading hierarchy on every route; TopBar now supplies the page h1.
• Labeled form controls, color picker state (aria-expanded / aria-controls), and visible focus for ranges and checkboxes.
• Live status/error announcements for all tool actions and exports.
• Modal focus traps, Escape handling, focus restore, and background inert.
• Filled drop zones drop nested control semantics; width presets expose aria-pressed.
• Icon Maker loads Font Awesome packs per style and preconnects the emoji CDN.
• Design page specimens now respond, search samples open the real search, and the modal demo is keyboard-safe.
• Image dimensions and heading fixes on the tools/projects listings.

Testing

• npx astro check — 0 errors (2 pre-existing deprecation hints)
• npm run build
• Lighthouse mobile: 100 accessibility / 100 best-practices / 100 SEO on all 12 routes
• Spot-checked Icon Maker FA lookup, source switching, modal focus, color picker state, drop zones, QR errors, and copy announcements

Built with deepseek-v4.1-flash-free in the OpenCode harness.

[github-actions]

✅ PR Checks passed

Typecheck (npx astro check) and production build both green.