Accessibility / Spacing / Font Size 2em WCAG 1.4.4 Bookmarklet

The Font Size 200% bookmarklet adds a toggle button to scale page content to 200% text size, testing for WCAG 1.4.4 Reflow requirements. Click "Enable 200% Text Zoom" to apply scaling - content should remain readable without horizontal scrolling in a 320px wide container. Click "Disable" to restore normal view.

javascript:%21function()%7Bif(%21document.getElementById(%22text-zoom-toggle%22))%7Bfor(var%20t%3Ddocument.createElement(%22div%22)%3Bdocument.body.firstChild%3B)t.appendChild(document.body.firstChild)%3Bdocument.body.appendChild(t)%3Bvar%20e%3Ddocument.createElement(%22style%22)%3Be.textContent%3D%22%23text-zoom-toggle%7Bposition%3Afixed%3Bbottom%3A20px%3Bright%3A20px%3Bz-index%3A9999%3Bpadding%3A10px%3Bbackground-color%3A%23007bff%3Bcolor%3Awhite%3Bborder%3Anone%3Bborder-radius%3A5px%3Bcursor%3Apointer%3Bfont-size%3A1rem%3Banimation%3Aattention-grab%200.5s%20ease-in-out%3B%7D%40keyframes%20attention-grab%7B0%25%2C100%25%7Btransform%3Ascale(1)%3B%7D50%25%7Btransform%3Ascale(1.1)%3B%7D%7D.text-zoom-200%7Btransform%3Ascale(2)%3Btransform-origin%3A0%200%3B%7D%22%2Cdocument.head.appendChild(e)%3Bvar%20o%3Ddocument.createElement(%22button%22)%3Bo.id%3D%22text-zoom-toggle%22%2Co.textContent%3D%22Enable%20200%25%20Text%20Zoom%22%2Cdocument.body.appendChild(o)%3Bvar%20n%3Dfunction()%7Bt.classList.remove(%22text-zoom-200%22)%2Co.textContent%3D%22Enable%20200%25%20Text%20Zoom%22%2Ct.style.width%3D%22%22%7D%3Bo.addEventListener(%22click%22%2Cfunction()%7Bt.classList.contains(%22text-zoom-200%22)%3Fn()%3A(t.classList.add(%22text-zoom-200%22)%2Co.textContent%3D%22Disable%20200%25%20Text%20Zoom%22%2Ct.style.width%3D%2250%25%22)%2Co.style.animation%3D%22none%22%2Co.offsetHeight%2Co.style.animation%3D%22attention-grab%200.5s%20ease-in-out%22%7D)%2Cn()%7D%7D()%2Cconsole.log(%22%5CnSource%3A%20https%3A%2F%2Fcodepen.io%2Fpatte%2Fpen%2FzYmrozy%5CnBookmarklet%20name%3A%20Toggle%20Text%20Zoom%20200%25%20(WCAG%20SC%201.4.4)%5Cn%22)%3B