Clearweb Accessibility Add-on

Clearweb Accessibility Add-on (תוסף נגישות לוורדפרס) 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.

Built by Clear Web for Israeli businesses 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.

The widget is an assistive layer (שכבת הנגשה). It does not replace semantic HTML fixes, manual WCAG audits, Israeli accessibility standard review, or legal/professional sign-off.

Features

• Quick-start presets — Low vision, ADHD-friendly, reduce motion, and high contrast profiles
• Typography — Text size, line height, letter spacing, word spacing, dyslexia-friendly font, larger cursor
• Vision — High/light/dark contrast, night mode, color inversion, saturation, color-blindness filters
• Reading aids — Reading mask, reading mode, read aloud (TTS), link and heading highlights
• Navigation — Skip to content, landmark jumps, keyboard shortcut reference
• Problem reporting — Visitors can report accessibility issues by email
• Hebrew & RTL — Full עברית interface for admin and the public widget (he_IL included)
• Admin settings — Pin the trigger to the left or right edge and set vertical position (desktop and mobile)
• Israeli support path — In-plugin link to Clear Web for audits, תיקוני נגישות, and WCAG remediation

Important

This plugin helps visitors adjust how content is displayed. For lasting compliance, Israeli sites still need proper markup, testing, and remediation. Clear Web offers professional accessibility audits and WCAG remediations in Israel.

External services

This plugin links to clearweb.co.il 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.

Development

Human-readable JavaScript source files are included in this plugin under assets/src/.

Public source repository: github.com/Clear-Web-IL/clearweb-accessibility-add-on

Building bundled JavaScript

The minified bundles in build/ are generated from the source files using @wordpress/scripts (webpack).

Requirements: Node.js 18+ and npm.

From the plugin directory:

1. npm install
2. npm run build

Build output:

• build/admin/index.js — compiled from assets/src/admin/ (WordPress React admin settings screen)
• build/public/accessibility-widget.js — compiled from assets/src/public/accessibility-widget.js (frontend widget)

Third-party libraries

Libraries bundled into the compiled JavaScript (via npm dependencies):

• @wordpress/element — React wrapper for the admin UI
• @wordpress/components — WordPress admin UI components
• @wordpress/api-fetch — REST API client for admin settings

Fonts bundled in this plugin (not loaded remotely):

• OpenDyslexic — SIL Open Font License 1.1 (assets/fonts/opendyslexic/OFL.txt)