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.

siteattention

Score higher on Google and make sure your pages get the traffic they deserve! Click the Download button to try SiteAttention FREE for 30 days – no strings attached!
Get tips on how to improve your search ranking while writing your post! SiteAttention adds a simple and intuitive sidebar with tips and an SEO score to help you improve your ranking on search engines, such as Google. All in real-time and with easy WordPress integration. Keep an eye on how each of your pages perform and see your website’s overall progress on SiteAttention Dashboard.
Get full access to all features for FREE for the first 30 days and afterwards pay just €15 per month for up to 50 published pages. 
Visit our <a href="https://siteattention.com" rel="nofollow ugc">website</a> and find out more about SiteAttention.
<h3>Configuration</h3>
In order to start using SiteAttention plugin, make sure it’s activated:
<ol>
<li>Go to “Plugins” tab, find SiteAttention and click on “Activate” button underneath, then click on “Settings” (you can also click on SiteAttention tab in the main WordPress menu) which will take you to the SiteAttention setup form.</li>
<li>In the “New customer” section write down your first name and email address, then click on Get started!</li>
<li>Congratulations! Now you can start using your SiteAttention plugin! Simply go to the post or page editor and the plugin will appear by the page you’re editing, giving you SEO tips in real-time!</li>
</ol>

SiteAttention SEO

Simple and intuitive SEO tool to help you improve your search ranking.

ReadEase: Text Resizer vs SiteAttention SEO