Responsive checks
Find page overflow, elements outside the viewport, clipped controls and small interaction targets.
OUR WORK / Open-source projects
Layout Proof
Find website layout problems at every screen size, with screenshots showing exactly which element broke.
Type of workOpen-source projects
ContextDeveloper tooling
StatusEarly release · v0.1.0
The challenge
A page can look correct at one width while controls clip or content overflows at another. Developers need evidence that identifies the element involved and makes the issue reproducible.
Novasoft’s contribution
Novasoft built a JavaScript command-line tool around Playwright and axe-core. It checks supplied URLs at multiple widths and colour schemes, collecting selectors, dimensions, screenshots and accessibility findings into local HTML and JSON reports.
What this makes possible
Layout Proof makes checking a site across screen sizes quick and repeatable, with reports kept on your own machine.
Current release
Version 0.1.0 supports Chromium and is distributed through GitHub. It checks the initial rendered state of supplied URLs; it does not crawl a site or exercise login and interaction flows. Automated findings support manual review and do not establish accessibility compliance.
EXPLORE THE SOURCE
CAPABILITY IN PRACTICE
What the work included
Evidence for fixes
Connect findings to selectors, dimensions and screenshots in a shareable local report.
Development workflow
Use a command-line interface or JavaScript API, with configurable thresholds and exit codes for automation.
Contact Novasoft
Need something similar? Talk to us
Tell us what you need and we’ll tell you honestly whether we can help.