Rendered Layout Ergonomics Check
Measure horizontal overflow and undersized tap targets in the browser-rendered page.
Check your websiteWhy this check matters
Overflow forces sideways scrolling and small targets cause input errors, especially on touch devices. These are concrete usability failures rather than subjective design preferences.
Passing evidence
Horizontal overflow: 0px · Small tap targets: 0Common failing evidence
Horizontal overflow: 184px · Small tap targets: 9Possible false positives
- Intentional horizontal carousels should be scoped rather than treated as page overflow.
- Closely spaced controls may need manual review even when each target meets a size threshold.
How to fix it safely
- Find the widest overflowing element at the failing viewport.
- Use responsive sizing and wrapping instead of fixed widths.
- Increase target size or spacing while preserving the established design pattern.
How to verify the fix
- Test representative mobile widths without horizontal page scrolling.
- Operate controls by touch and keyboard at normal zoom.
Related Design checks
Run the complete audit
Check this signal together with the related category evidence on the current public page.
Open the design audit tool
