Troy Chaplin

ReadEase provides a simple, native Gutenberg block named Text Resizer aimed for block theme builders that gives site visitors control over text size. Theme builders can add the block to any template (header, footer, sidebar) via the Site Editor.
Built with accessibility in mind, this block helps your site meet WCAG 2.1 text resize guidelines while providing a seamless experience for visitors who need larger text.
<h4>Features</h4>
<ul>
<li>Multiple control styles – Choose from dropdown, buttons, slider, or minimal icons</li>
<li>Customizable label – Position on top, side, or hide completely with custom text</li>
<li>Flexible scale settings – Configure minimum/maximum scale (1.0x to 1.5x) and number of size steps (2-5)</li>
<li>Scale scope options – Apply scaling to full page or exclude template parts (header/footer)</li>
<li>Custom CSS selector – Target specific elements using advanced selector option</li>
<li>Mobile-only mode – Show controls only on mobile and tablet devices</li>
<li>Persistent preferences – Saves visitor choice via localStorage across sessions</li>
<li>Smooth CSS transitions – Animated scaling with reduced motion support</li>
<li>Fully accessible – Keyboard navigable with proper ARIA labels</li>
<li>Block theme support – Native WordPress color, spacing, and alignment controls</li>
<li>Theme customization – CSS custom properties for easy style overrides</li>
</ul>
<h4>Control Styles</h4>
<ul>
<li>Dropdown – Select menu showing percentage options (e.g., 100%, 125%, 150%)</li>
<li>Buttons – Row of “A” buttons in progressively larger sizes</li>
<li>Slider – Range input with small/large “A” labels at each end</li>
<li>Icons – Minimal button group with minus, reset (A), and plus controls</li>
</ul>
<h4>For Theme Builders</h4>
ReadEase integrates seamlessly with block themes. The block respects your theme’s color palette and typography, and provides CSS custom properties for advanced customization.
Customize the appearance in your theme CSS:
<pre><code>.wp-block-readease-text-resizer {
 --text-resizer-border-radius: 8px;
 --text-resizer-button-bg-hover: rgba(0, 0, 0, 0.1);
}
</code></pre>
See the full list of CSS custom properties in the <a href="https://github.com/troychaplin/readease" rel="nofollow ugc">GitHub documentation</a>.

ReadEase: Text Resizer

A Gutenberg block that lets site visitors resize text for improved readability and accessibility.

mushilabs

Clearscope Support

Integrate Clearscope with WordPress with the click of a button. Embed the Clearscope Optimize experience directly in your WordPress Gutenberg or Classic editor sidebar. No more copy-pasting, our plugin pulls in Term recommendations, Content Grade, and Word Count so your Draft is updated in real-time as you write.

Clearscope

Embed the Clearscope Optimize experience directly in your WordPress Gutenberg or Classic editor sidebar.

ReadEase: Text Resizer vs Clearscope