free wordpress widget / plugin
What It Does
AppHaven Font Resizer is a WordPress widget plugin that adds an accessible toolbar so visitors can adjust text size when reading posts without relying on their browser zoom.
It targets your post’s main content and leaves navigation, header, and footer untouched.
How It Works
- Wraps post content in a lightweight container (
#ah-post-content).
- Applies a CSS variable
--ah-scaleto that container.
- Three buttons set the scale to 1.0 / 1.5 / 2.0.
- The user’s chosen value is stored in their browser’s
localStorage.
Accessibility
- Toolbar uses
role="toolbar"andaria-pressedstates. - Color contrast meets WCAG AA.
- Works with most themes out of the box.
If your theme applies unusual typography rules, add this CSS to your customizer:#ah-post-content {
font-size: calc(1rem * var(--ah-scale)) !important;
}
Customization Options
You can edit apphaven-font-resizer.php to adjust:
- Widget labels or colors in
assets/font-resizer.css.
- Font-scale values (1.0 → 1.25 → 1.75 etc.)
- Target selectors if your theme uses a non-standard wrapper.
