Alexander Kovalev

WP AI Factory

<p>Everyone Accessibility Suite is a powerful WordPress plugin that enhances your website’s accessibility by providing visitors with an easy-to-use floating panel. This panel allows users to customize their viewing experience according to their needs.</p>
<h4>Features</h4>
<ul>
<li><strong>Font Size Adjustment</strong>: Smooth slider control allowing users to adjust font size from 80% to 200%</li>
<li><strong>Theme Selection</strong>: Three preset themes – Light, Dark, and High Contrast</li>
<li><strong>Persistent Settings</strong>: User preferences are saved in browser localStorage</li>
<li><strong>Accessible Design</strong>: Fully keyboard navigable with proper ARIA labels</li>
<li><strong>Mobile Responsive</strong>: Works seamlessly on all device sizes</li>
<li><strong>Admin Control</strong>: Comprehensive settings page to customize available features</li>
<li><strong>No jQuery Required</strong>: Built with vanilla JavaScript for optimal performance</li>
<li><strong>WordPress Coding Standards</strong>: Fully compliant with WordPress.org requirements</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>A floating button appears on the left (or right) side of your website</li>
<li>Users click the button to open the accessibility panel</li>
<li>Users can adjust font size with a slider and select their preferred theme</li>
<li>All settings are automatically saved and persist across page visits</li>
</ol>
<h4>Admin Settings</h4>
<ul>
<li>Enable/disable the accessibility panel</li>
<li>Choose panel position (left or right)</li>
<li>Set minimum and maximum font size limits</li>
<li>Select which themes are available to users</li>
<li>Configure default settings for new visitors</li>
</ul>
<h4>Translations</h4>
<ul>
<li>English (default)</li>
<li>Russian (Русский)</li>
</ul>
<h3>Support</h3>
<p>For support, please visit the plugin’s support forum on WordPress.org or contact us through the plugin website.</p>
<h3>Privacy Policy</h3>
<p>Everyone Accessibility Suite does not collect, store, or transmit any personal data. All user preferences are stored locally in the user’s browser using localStorage.</p>
<h3>Credits</h3>
<p>Developed with accessibility and user experience in mind.</p>


Everyone Accessibility Suite

A comprehensive accessibility toolkit that provides a floating panel with font size adjustment and theme selection for improved website accessibility.

bokumin

<p>Text Size Adjust is a powerful WordPress plugin that allows you to globally configure text sizes for your website. It provides separate configurations for desktop and mobile views, ensuring optimal readability across all devices.</p>
<h4>Key Features</h4>
<ul>
<li>Seven predefined text sizes (XXS, XS, S, M, L, XL, XXL)</li>
<li>Separate desktop (769px and above) and mobile (768px and below) configurations</li>
<li>Real-time preview in the settings panel</li>
<li>Integration with the WordPress block editor</li>
<li>Compatible with default WordPress font size classes</li>
<li>Simple class-based implementation</li>
<li>Selective page-specific text size adjustments through admin panel checkboxes</li>
</ul>
<h4>Usage</h4>
<ol>
<li>
<p>In the Block Editor:</p>
<ul>
<li>Select any text block</li>
<li>Use the “Text Size Settings” panel in the sidebar</li>
<li>Choose from available size options</li>
</ul>
</li>
<li>
<p>In HTML/CSS:</p>
<ul>
<li>Add the class <code>has-text-[size]</code> to any element</li>
<li>Available sizes: xxs, xs, s, m, l, xl, xxl</li>
<li>Example: <code><p class="has-text-m">Medium text</p></code></li>
</ul>
</li>
<li>
<p>In Admin Settings:</p>
<ul>
<li>Navigate to Settings > Text Size Settings</li>
<li>Configure global text sizes for desktop and mobile</li>
<li>Use checkboxes to select specific pages where text size adjustments should apply</li>
</ul>
</li>
</ol>
<h4>WordPress Font Size Compatibility</h4>
<p>The plugin automatically maps WordPress default font size classes to corresponding plugin sizes:</p>
<ul>
<li>has-small-font-size <span aria-hidden="true" class="wp-exclude-emoji">→</span> has-text-s</li>
<li>has-medium-font-size <span aria-hidden="true" class="wp-exclude-emoji">→</span> has-text-m</li>
<li>has-large-font-size <span aria-hidden="true" class="wp-exclude-emoji">→</span> has-text-l</li>
<li>has-x-large-font-size <span aria-hidden="true" class="wp-exclude-emoji">→</span> has-text-xl</li>
<li>has-xx-large-font-size <span aria-hidden="true" class="wp-exclude-emoji">→</span> has-text-xxl</li>
</ul>
<h3>Default Size Values</h3>
<p>Desktop (769px and above):<br />
* XXS: 12px<br />
* XS: 13px<br />
* S: 14px<br />
* M: 16px<br />
* L: 18px<br />
* XL: 24px<br />
* XXL: 32px</p>
<p>Mobile (768px and below):<br />
* XXS: 10px<br />
* XS: 11px<br />
* S: 12px<br />
* M: 14px<br />
* L: 16px<br />
* XL: 18px<br />
* XXL: 20px</p>


Text Size Adjust

Globally configure and manage text sizes across your WordPress site with desktop and mobile-specific settings.

Everyone Accessibility Suite vs Text Size Adjust