Quality

Mobile QA

The checks PURE runs so every page works on a phone — readable type, thumb-sized targets, no sideways scroll, and motion that respects the visitor’s settings.

The checklist

Viewport metawidth=device-width, initial-scale=1 on every page — the base of any responsive layout.

Enforced

No horizontal overflowContent stays inside the viewport; wide tables and code scroll inside their own container, never the page body.

Checked

Tap targets ≥ 44pxButtons and links meet the 44×44 minimum so they’re comfortable with a thumb.

Checked

Readable typeBase font ≥ 14px; sub-10px text is flagged and allowed only on dense deck pages, by rule.

Checked

Grids collapseMulti-column layouts fold to a single column at the 720px breakpoint.

Standard

Skip-to-contentA keyboard skip link opens every page for screen-reader and keyboard users.

Site-wide

Reduced motionAnimations honor prefers-reduced-motion via the shared reduced-motion stylesheet.

Honored

Images: lazy + fluidBelow-fold images and iframes lazy-load; every image is capped at max-width:100%.

Applied

Widths we test

360

Small phone

390

Modern phone

768

Tablet

1024

Desktop

The live gate

mcp_brand_check runs the mobile and accessibility checks — viewport presence, lang attribute, tap-target and font-size heuristics — as part of the pre-publish gate. High-severity findings block a page from shipping.

Regenerate locally with node tools/site-fix.mjs; the daily site-health cron re-runs the audit and applies additive fixes. Findings feed the QA Evidence ledger.