clearwebdev

<p><strong>Clearweb Accessibility Add-on</strong> (תוסף נגישות לוורדפרס) adds a visitor-facing accessibility toolbar to your WordPress site. Visitors can personalize how they read and interact with your content without leaving the page.</p>
<p>Built by <a href="https://clearweb.co.il" rel="nofollow ugc">Clear Web</a> for <strong>Israeli businesses</strong> and Hebrew-first websites: the admin screen and widget UI switch to עברית when your site language is Hebrew, with correct RTL layout and edge positioning that respects physical left/right screen sides.</p>
<p>The widget is an <strong>assistive layer</strong> (שכבת הנגשה). It does not replace semantic HTML fixes, manual WCAG audits, Israeli accessibility standard review, or legal/professional sign-off.</p>
<h4>Features</h4>
<ul>
<li><strong>Quick-start presets</strong> — Low vision, ADHD-friendly, reduce motion, and high contrast profiles</li>
<li><strong>Typography</strong> — Text size, line height, letter spacing, word spacing, dyslexia-friendly font, larger cursor</li>
<li><strong>Vision</strong> — High/light/dark contrast, night mode, color inversion, saturation, color-blindness filters</li>
<li><strong>Reading aids</strong> — Reading mask, reading mode, read aloud (TTS), link and heading highlights</li>
<li><strong>Navigation</strong> — Skip to content, landmark jumps, keyboard shortcut reference</li>
<li><strong>Problem reporting</strong> — Visitors can report accessibility issues by email</li>
<li><strong>Hebrew & RTL</strong> — Full עברית interface for admin and the public widget (<code>he_IL</code> included)</li>
<li><strong>Admin settings</strong> — Pin the trigger to the left or right edge and set vertical position (desktop and mobile)</li>
<li><strong>Israeli support path</strong> — In-plugin link to Clear Web for audits, תיקוני נגישות, and WCAG remediation</li>
</ul>
<h4>Important</h4>
<p>This plugin helps visitors adjust how content is displayed. For lasting compliance, Israeli sites still need proper markup, testing, and remediation. <a href="https://clearweb.co.il" rel="nofollow ugc">Clear Web</a> offers professional accessibility audits and WCAG remediations in Israel.</p>
<h3>External services</h3>
<p>This plugin links to <a href="https://clearweb.co.il" rel="nofollow ugc">clearweb.co.il</a> in the admin remediation call-to-action and in the optional widget footer branding. No visitor data is sent to Clear Web unless the visitor chooses to visit that site.</p>
<h3>Development</h3>
<p>Human-readable JavaScript source files are included in this plugin under <code>assets/src/</code>.</p>
<p>Public source repository: <a href="https://github.com/Clear-Web-IL/clearweb-accessibility-add-on" rel="nofollow ugc">github.com/Clear-Web-IL/clearweb-accessibility-add-on</a></p>
<h4>Building bundled JavaScript</h4>
<p>The minified bundles in <code>build/</code> are generated from the source files using <a href="https://www.npmjs.com/package/@wordpress/scripts" rel="nofollow ugc">@wordpress/scripts</a> (webpack).</p>
<p>Requirements: Node.js 18+ and npm.</p>
<p>From the plugin directory:</p>
<ol>
<li><code>npm install</code></li>
<li><code>npm run build</code></li>
</ol>
<p>Build output:</p>
<ul>
<li><code>build/admin/index.js</code> — compiled from <code>assets/src/admin/</code> (WordPress React admin settings screen)</li>
<li><code>build/public/accessibility-widget.js</code> — compiled from <code>assets/src/public/accessibility-widget.js</code> (frontend widget)</li>
</ul>
<h4>Third-party libraries</h4>
<p>Libraries bundled into the compiled JavaScript (via npm dependencies):</p>
<ul>
<li><a href="https://github.com/WordPress/gutenberg/tree/trunk/packages/element" rel="nofollow ugc">@wordpress/element</a> — React wrapper for the admin UI</li>
<li><a href="https://github.com/WordPress/gutenberg/tree/trunk/packages/components" rel="nofollow ugc">@wordpress/components</a> — WordPress admin UI components</li>
<li><a href="https://github.com/WordPress/gutenberg/tree/trunk/packages/api-fetch" rel="nofollow ugc">@wordpress/api-fetch</a> — REST API client for admin settings</li>
</ul>
<p>Fonts bundled in this plugin (not loaded remotely):</p>
<ul>
<li><a href="https://github.com/antijingoist/opendyslexic" rel="nofollow ugc">OpenDyslexic</a> — SIL Open Font License 1.1 (<code>assets/fonts/opendyslexic/OFL.txt</code>)</li>
</ul>


Clearweb Accessibility Add-on

Accessibility widget for WordPress with full Hebrew (עברית) and RTL support — built for Israeli businesses.

Mokhtar Bensaid

<p>Choose a beautiful Arabic font for your site from over 110 stunning fonts to enhance user experience.<br />
Cairo, Lateef, Tajawal, Amiri, Rubik, Sky… and others beautiful fonts.</p>
<p>The new official Saudi font announced has been added.</p>
<h4>Key Features</h4>
<ul>
<li>Beautiful arabic fonts.</li>
<li>Select custom font for each element: body, h1, h2, h3, h4, h5, h6.</li>
<li>Translation ready of the plugin strings to arabic see language folder from the plugin root folder.</li>
</ul>
<p>This plugin helped website owners who have an Arabic language website</p>
<h4>Font Ressources</h4>
<ul>
<li><a href="https://fontface.me" rel="nofollow ugc">Font Face</a></li>
<li><a href="https://fonts.google.com" rel="nofollow ugc">Google Fonts</a></li>
<li>My GitHub Repository <a href="https://github.com/mokhtarbsaid/saudi-font" rel="nofollow ugc">Saudi Font</a></li>
<li>My GitHub Repository <a href="https://github.com/mokhtarbsaid/rare-arabic-fonts" rel="nofollow ugc">Rare Arabic Fonts</a></li>
</ul>
<h4>Support</h4>
<p>For support or if you encounter any issues, feel free to reach out via the contact page: <a href="https://mokhtarbensaid.com/contact" rel="nofollow ugc">https://mokhtarbensaid.com/contact</a></p>
<h4>Translations</h4>
<ul>
<li>Arabic</li>
</ul>


Khattat – Arabic Fonts

Choose a beautiful Arabic font for your site from over 110 stunning fonts to enhance user experience.

Clearweb Accessibility Add-on vs Khattat – Arabic Fonts