# QA Checklist

## 1. Design QA
- [ ] Do fonts load correctly?
- [ ] Are exact hex colors used?
- [ ] Is the 8px spacing system strictly adhered to?
- [ ] Does the site feel like the Awwwards reference (Apple x Vatican)?

## 2. Responsive QA
- [ ] Does the site work perfectly on 375px screens?
- [ ] Does the horizontal scroll gracefully degrade on mobile?
- [ ] Are hover states disabled or translated to tap states on touch devices?

## 3. Accessibility QA
- [ ] Is contrast WCAG AAA compliant?
- [ ] Can the entire site be navigated via Keyboard (Tab)?
- [ ] Do all images have contextual alt text?
- [ ] Is `prefers-reduced-motion` respected?

## 4. Performance QA
- [ ] Lighthouse score > 90 for Performance.
- [ ] No unoptimized images loaded.
- [ ] Zero layout shift (CLS = 0).

## 5. SEO QA
- [ ] Meta Title and Description present.
- [ ] Canonical URL present.
- [ ] Schema.org markup (Organization/Website) present.
- [ ] One H1 per page. H2-H6 hierarchy respected.

## 6. WordPress QA
- [ ] Does every ACF field save correctly?
- [ ] Can a non-technical user build a page without breaking the layout?
- [ ] Is the backend visually clean and labeled?

## 7. Animation QA
- [ ] Are transitions smooth at 60fps?
- [ ] Are there any flash-of-unstyled-content (FOUC) issues?