AADITYA
← All resources

Frontend Project QA Checklist

Run through this checklist before shipping any frontend project. It covers responsive behavior, accessibility, SEO, performance, and deployment readiness.

Responsive

  • Test on mobile (375px), tablet (768px), desktop (1280px+)
  • No horizontal scroll on any viewport
  • Touch targets at least 44px
  • Images and media scale properly
  • Text remains readable at all sizes

Accessibility

  • Semantic HTML elements (nav, main, section, article)
  • Alt text for all meaningful images
  • Visible focus states on interactive elements
  • ARIA labels where needed
  • Color contrast ratio of at least 4.5:1 for text
  • Full keyboard navigation support

SEO

  • Unique meta title and description per page
  • Open Graph tags for social sharing
  • Proper heading hierarchy (h1 → h2 → h3)
  • Clean, descriptive URLs
  • XML sitemap generated
  • robots.txt configured

Performance

  • Lighthouse score 90+ on all categories
  • Images optimized and lazy-loaded
  • No layout shift (CLS < 0.1)
  • First Contentful Paint under 1.8s
  • Bundle size reasonable for the feature set
  • No unnecessary third-party scripts

Deployment

  • Environment variables are secure and not exposed client-side
  • Custom 404 page exists
  • Favicon and app icons set
  • robots.txt is present
  • Build succeeds without warnings
  • All routes return correct status codes