Dev to QA Checklist

Das Ziel dieser Checkliste besteht darin, die Übergabe in das interne Testing (also bei Gridonic) vorzubereiten. Das Ziel ist es, dass die Testperson möglichst wenige Issues erfasst.

CMS

  • Sind überall Helper-Texte erfasst?

  • Sind alle nicht benötigten Module und Konfigurationen entfernt?

Frontend

  • Styleguide ist korrekt umgesetzt (Typo, Font Sizes und Weights, Margins & Paddings, Farben, Grid)

  • Interaction-States (Hover, Active)

  • Module sind responsive getestet (alle möglichen Viewport Grössen, von ganz klein bis ganz gross, landscape und portrait)

  • Responsive Image sind implementiert (Auflösung, Fokus Punkte, Bild-Formate, Art-Direction)

  • Edge-Cases sind erfasst und geprüft (viel/wenig Text, kurze/lange Headlines, min./max. Element)

  • Multi-language testen (können die Inhalte übersetzt werden? Werden sie korrekt ausgegeben?)

  • Animationen, Interaktionen und Funktionalitäten gemäss Figma sind korrekt umgesetzt

  • Funktionale End-to-End Tests (z.B. bei Formulare oder API-Integrationen) wurden durchgeführt

  • Performance: Lighthouse Test durchgeführt und optimiert

  • Browserunterstützung von eingesetzten CSS und JS Features prüfen

  • Browsertesting durchgeführt (Chrome, Safari, Edge)

  • SEO & LLM ist gemäss Checkliste korrekt implementiert und getestet

  • Accessibility ist gemäss vereinbartem Level korrekt implementiert

  • Testing-Links und Test-Beschreibungen sind im entsprechenden Scoping-Task erfasst