Text Spacing Adjuster Bookmarklet
Configure line height, letter spacing, word spacing, and paragraph spacing to WCAG 1.4.12 minimums (or beyond), then generate a drag-to-bookmarks-bar bookmarklet that applies them to any page.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
Drag the generated link to your bookmarks bar, then click it on any page to preview text-spacing overrides there.
WCAG 1.4.12 minimum: 1.5
WCAG minimum: 0.12
WCAG minimum: 0.16
WCAG minimum: 2
↑ Drag this button to your bookmarks bar
Preview: This paragraph updates its own spacing live as you change the values above, so you can see roughly how the bookmarklet will affect real page text.
How it works
- Set your desired line height, letter spacing, word spacing, and paragraph spacing — defaults match the WCAG 1.4.12 minimums.
- Drag the generated "Apply Text Spacing" button to your browser's bookmarks bar.
- Open any page you want to test, click the bookmarklet, and see whether the layout still holds up with wider spacing applied via an injected stylesheet.
FAQ
What is WCAG 1.4.12 Text Spacing?
It's a Web Content Accessibility Guidelines success criterion requiring that content stay readable and functional when a user increases line height, letter spacing, word spacing, and paragraph spacing to specific minimum values — this tool lets you test any page against those minimums.
Is a bookmarklet safe to use?
A bookmarklet only runs the JavaScript you generated here, entirely in your own browser tab, and only when you click it — it isn't installed as an extension and doesn't persist after you navigate away or reload the page.
Why would I test with wider spacing than the WCAG minimum?
Testing beyond the minimum helps you spot layout breakage (overlapping text, clipped containers) before a low-vision user relying on a browser extension for even more generous spacing encounters it themselves.
Bookmarklet vs. browser extension
| Feature | This bookmarklet | Dedicated a11y extension |
|---|---|---|
| No install required | ✓ | ✗ |
| Full audit reporting | ✗ | ✓ |
Great for a quick spot-check during design review — pair with a full accessibility audit tool before shipping.