Task Library
Walks the homepage section by section to confirm each one carries a contextually relevant image, so no part of the page falls back to a wall of text.
Category: Website QA Audit
Use this when running Layer 2 (Content Architecture Checks) of the Website QA Audit – every scroll-stop on the homepage needs a visual that earns its place.
Inputs
- Homepage URL on desktop and mobile
- The no-stock and alt-text findings from earlier checks (reuse, don't redo)
- The audit report/spreadsheet for logging results
Steps
- Scroll the full homepage and list every distinct section (hero, services, about, social proof, lead magnet, video, CTA, footer) in order.
- For each section, record whether it contains an image or visual element (photo, video embed, real screenshot, diagram – decorative background tints don't count).
- Judge relevance per section: the visual must depict that section's subject – the services section shows the actual work, the about section shows the actual person.
- Fail sections with no visual at all, and sections whose image is filler (generic texture, icon-only decoration, or an unrelated photo).
- Check the mobile view – sections sometimes drop their images responsively, which fails the check on mobile even if desktop passes.
- Log the section-by-section table with verdicts in the audit report.
Definition of done (QA checklist)
- 100% of homepage sections contain at least one contextually relevant image or visual on desktop AND mobile
- Zero sections relying on filler or unrelated imagery
- Section-by-section table logged in the audit report, linked back to /website-qa-audit
Example(s)
- Example needed – run the Meta-Article Prompt after first real run.
File in the zip: skills/website-qa-audit/check-each-homepage-section-includes-relevant-image.md. Download the Task Library zip.
Index: Task Library. Article guidelines.