Task Library
Scans every page for sections that fill an entire screen with nothing but text, the wall-of-words pattern that makes visitors bounce.
Category: Website QA Audit
Use this when running Layer 2 (Content Architecture Checks) of the Website QA Audit – if a full screen scrolls by with no visual, you've lost the skimmer.
Inputs
- Site URL plus the key pages (homepage, services, about, top posts)
- Desktop browser and a real phone (the mobile viewport is where text walls happen first)
- The audit report/spreadsheet for logging results
Steps
- Scroll each key page slowly on DESKTOP and note any point where the entire visible viewport contains only text – no photo, video, diagram, screenshot, or meaningful visual element.
- Repeat on MOBILE: text stacks taller on phones, so sections that pass desktop often fail mobile – judge each viewport-height of scroll.
- Record each violation with the page, the section heading, and which viewport(s) it fails in.
- For each violation, name the fix: insert a relevant real image, embed the source video, break copy with a diagram or screenshot, or tighten the copy.
- Re-check long blog posts specifically – body copy between images must not exceed one full viewport on mobile (matches the visual-rhythm intent of /blog-posting-guidelines).
- Log violations and fixes in the audit report.
Definition of done (QA checklist)
- Zero sections on audited pages span a full viewport with text only, on both desktop and mobile
- Every violation has a named visual fix queued or applied
- Scroll-audit results logged per page 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/ensure-no-text-only-sections-spanning-full-viewport.md. Download the Task Library zip.
Index: Task Library. Article guidelines.