iqon/reports/visual-qa-2026-05-20.md

IQON Visual QA

Purpose: зафиксировать browser-level visual QA локального static prototype после mobile layout fixes.

Contents

• Setup
• Screenshots
• Findings
• Fixes Applied
• Verification

Setup

Local server:

python3 -m http.server 8061

Browser tool:

"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --headless=new --disable-gpu --hide-scrollbars

Screenshots

File	Viewport	Status
reports/screenshots/2026-05-20/home-desktop-fixed.png	1440 x 1200	Captured
reports/screenshots/2026-05-20/home-mobile-qa6.png	390 x 900	Passed after fixes
reports/screenshots/2026-05-20/services-mobile-qa6.png	390 x 1200	Passed after fixes
reports/screenshots/2026-05-20/qa7-full/	10 pages x desktop/mobile	Captured
reports/screenshots/2026-05-20/qa7-full/contact-mobile-fixed.png	390 x 1000	Passed after CTA wrap fix

Findings

Finding	Status
Mobile nav overflowed horizontally at 390px	Fixed
Mobile hero paragraph clipped at right edge	Fixed
Mobile services card paragraphs clipped at right edge	Fixed
Desktop homepage screenshot rendered	Captured
Mobile contact CTA heading clipped at right edge	Fixed

Fixes Applied

• Converted mobile nav into compact wrapped links.
• Shortened Case Studies nav label to Cases.
• Added mobile text measure for hero, page, card, and detail copy.
• Added CSS/JS cache-busting query on prototype pages.
• Kept target URLs as real paths instead of section anchors.
• Added mobile CTA text constraint for contact and other CTA bands.

Verification

Current visual pass is based on screenshot inspection of the final mobile files:

• reports/screenshots/2026-05-20/home-mobile-qa6.png
• reports/screenshots/2026-05-20/services-mobile-qa6.png

Remaining checks before deployment:

• Cross-browser check outside headless Chrome.
• Full desktop and mobile screenshots exist for every target page after the qa7 update.

---

Created: 20 May 2026 Updated: 20 May 2026