Accessibility / Zoom / 400 Percent Zoom Stress Test

The 400% Zoom Stress Test bookmarklet simulates a 320px viewport at 400% zoom to test WCAG reflow requirements. Wraps all page content in a container with `transform: scale(4)` and `width: 320px`, enables scrolling on the document element, and after a brief delay, checks for horizontal scrolling and overlapping content blocks (using bounding box intersection). Displays an alert with horizontal scroll status and overlap count. Run again to remove.

WCAG SC 1.4.4: Resize textWCAG SC 1.4.10: Reflow
Run 400 Percent Zoom Stress Test

Test run or drag to
bookmarklets bar to install

javascript:%21function()%7B%22use%20strict%22%3Btry%7Bconst%20t%3D%22a11y-zoom-wrap%22%2Ce%3Ddocument.getElementById(t)%3Bif(e)return%20e.remove()%2Cdocument.documentElement.style.overflow%3D%22%22%2Cvoid%20alert(%22Zoom%20test%20off%22)%3Bconst%20o%3Ddocument.createElement(%22div%22)%3Bfor(o.id%3Dt%3Bdocument.body.firstChild%3B)o.appendChild(document.body.firstChild)%3Bdocument.body.appendChild(o)%2Co.style.transformOrigin%3D%22top%20left%22%2Co.style.transform%3D%22scale(4)%22%2Co.style.width%3D%22320px%22%2Cdocument.documentElement.style.overflow%3D%22auto%22%2CsetTimeout(()%3D%3E%7Bconst%20t%3Ddocument.documentElement%2Ce%3Dt.scrollWidth%3Et.clientWidth%2B1%2Co%3D%5B...document.querySelectorAll(%22p%2Cli%2Cdiv%2Csection%2Carticle%2Cmain%2Cheader%2Cfooter%2Cnav%22)%5D.filter(t%3D%3Et.offsetParent%26%26(t.innerText%7C%7C%22%22).trim())%3Blet%20n%3D0%3Bfor(let%20t%3D0%3Bt%3CMath.min(200%2Co.length)%3Bt%2B%2B)%7Bconst%20e%3Do%5Bt%5D.getBoundingClientRect()%3Bfor(let%20l%3Dt%2B1%3Bl%3CMath.min(200%2Co.length)%3Bl%2B%2B)%7Bconst%20t%3Do%5Bl%5D.getBoundingClientRect()%3Bif(e.top%3Ct.bottom%26%26t.top%3Ce.bottom%26%26e.left%3Ct.right%26%26t.left%3Ce.right)%7Bn%2B%2B%3Bbreak%7D%7D%7Dalert(%60Horizontal%20scroll%3A%20%24%7Be%3F%22yes%22%3A%22no%22%7D%20%20Overlap%20pairs%20(sample)%3A%20%24%7Bn%7D%60)%7D%2C300)%2Cconsole.log(%22%5CnSource%3A%20https%3A%2F%2Fgithub.com%2Falejandrogiga98%2FA11y-Bookmarklets%5CnBookmarklet%20name%3A%20400%25%20zoom%20stress%20test%5CnAuthor%3A%20alejandrogiga98%5CnLicense%3A%20MIT%20License%5Cn%22)%7Dcatch(t)%7Balert(%22Bookmarklet%20Error%3A%20%22%2Bt.message)%7D%7D()%3B
← Back to all bookmarklets