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.

Enrico Sorcinelli

The <a href="https://wordpress.org/plugins/semrush-seo-writing-assistant/" rel="ugc">SEMrush SEO Writing Assistant</a> plugin read only from post <code>title</code> and post <code>content</code> elements for the real time check.
This lightweight plugin allows you to use an arbitrary value for that check in addition to those values.
So, if you are using some kind of a page builders, field managers and so on, you have only to define a constant in your wp_config.php file and eventually to write a little bit of JavaScript code in order to specify which fields.
Note that the plugin don’t replace SEMrush SEO Writing Assistant but is intended to be used together.
<h3>Usage</h3>
Once the plugin is activated you can configure it by defining following constants in your wp-config.php:
<ul>
<li><code>SWA_SEMRUSH_CUSTOM_FIELDS_PLUGIN_AUTOENABLE</code></li>
</ul>
Automatically enable use of additional text value for SEMrush check. The default value is <code>false</code>. 
This is the only configuration you have to do in order to have the plugin feature working. 
For example:
<pre><code>define( 'SWA_SEMRUSH_CUSTOM_FIELDS_PLUGIN_AUTOENABLE', true );
</code></pre>
<ul>
<li><code>SWA_SEMRUSH_CUSTOM_FIELDS_PLUGIN_INTERVAL</code></li>
</ul>
Allows to change the interval between automatic updates of the text used by SEMrush checks. 
The default value is <code>5</code> seconds.For example:
<pre><code>define( 'SWA_SEMRUSH_CUSTOM_FIELDS_PLUGIN_INTERVAL', 10 );
</code></pre>
You can alernatavely control the plugins programmatically, by using 
 semrush_seo_writing_assistant_post_types (optional) filter and <code>SeoWritingAssistantSEMrushCustomFields</code> JavaScript object (see below).
<h3>API</h3>
<h4>WordPress Hooks</h4>
**<code>swa_semrush_custom_fields_settings</code> **
Filters plugin settings values.
<pre><code>apply_filters( 'swa_semrush_custom_fields_settings', array $settings )
</code></pre>
<code>semrush_seo_writing_assistant_post_types</code>
Filters post types where to enable plugin. Default to <code>array( 'post', 'page', 'product' )</code>.
<pre><code>apply_filters( 'semrush_seo_writing_assistant_post_types', array $post_types )
</code></pre>
The filter has the same name as the one used by SEMrush SEO Writing Assistant plugin (since version 1.0.4) used for the same purpose.
<h4>JavaScript Event</h4>
<code>seo-writing-assistant-semrush</code>
This event allows you to update the text for SEMrush analysis. 
The following example will update text for SEMrush check every 5 seconds, using <code>excerpt</code> and <code>my_custom_fields</code> custom field values (working both with block and classic editors):
<pre><code>jQuery( document ).ready( function() {
 var swa = new SeoWritingAssistantSEMrushCustomFields( { interval: 5 } );
 jQuery( document ).on( 'seo-writing-assistant-semrush', function( event, data ) {
 data.html += jQuery( '#excerpt' ).val() + "\n"
 + jQuery( '.editor-post-excerpt__textarea textarea').val() + "\n"
 + jQuery( '#my_custom_fields' ).val();
 } )
} );
</code></pre>
Note that if you have previously defined constant <code>SWA_SEMRUSH_CUSTOM_FIELDS_PLUGIN_AUTOENABLE</code> to <code>true</code>, 
you don’t have to create new <code>SeoWritingAssistantSEMrushCustomFields</code> object.
<h4>JavaScript API</h4>
<code>setHtml()</code>
The following example will update programmatically the text used by SEMrush check with an arbitrary value:
<pre><code>jQuery( document ).ready( function() {
 var swa = new SeoWritingAssistantSEMrushCustomFields( { interval: 0 } );
 swa.setHtml( 'foo baz bar' );
} );
</code></pre>
<h4>Advanced Custom Fields</h4>
The plugin checks if Advanced Custom Fields is active in your WordPress instance and adds a custom setting to each field 
(only for <code>input</code> within text, radio and checkbox type, <code>textarea</code> and <code>select</code> elements) allowing you to add his value 
to SEMrush check without having to write any additional JavaScript code.
<h4>Autodiscovery</h4>
The plugin also automatically add to text used by SEMrush checks, the values of all HTML elements 
with <code>swa-scf</code> class or <code>data-swa-scf</code> attribute. 
This will applied only for <code>input</code> (within text, radio and checkbox type), <code>textarea</code>, and <code>select</code> elements.

SEO Writing Assistant SEMrush Custom Fields

The SEMrush SEO Writing Assistant plugin read only from post title and post content elements for the real time check.

ReadEase: Text Resizer vs SEO Writing Assistant SEMrush Custom Fields