Documentation

Everything you need to install, configure, and master Clariti.

Installation

  1. Download clariti.zip from your Envato purchases
  2. Go to Plugins > Add New > Upload Plugin
  3. Choose the zip file and click Install Now
  4. Click Activate Plugin

License Activation

Navigate to Clariti > License and enter your Envato purchase code. The plugin verifies your code and unlocks all 18 modules.

Without activation, the accessibility widget will not appear on your site.

Quick Start

  1. Go to Clariti > Modules
  2. Toggle which modules you want to offer visitors
  3. Ensure "Enable Widget" is checked
  4. Visit your site — the eye-icon button appears automatically

Global Settings

SettingDescription
Enable WidgetMaster on/off switch
Hide on MobileHide widget on screens under 768px

All 18 Modules

ModuleTypeCategoryWCAG
Font SizeRangeText1.4.4
Text SpacingRangeText1.4.12
Dyslexia FontToggleText3.1.5
Readable FontToggleText1.4.8
Contrast ModeSelectVisual1.4.3
Color Blind ModeSelectVisual1.4.1
DesaturateToggleVisual1.4.1
Dark ModeToggleVisual1.4.8
MonochromeSelectVisual1.4.1
Big CursorToggleNavigation2.4.7
Highlight LinksToggleNavigation2.4.4
Focus ModeToggleNavigation1.4.8
Reading LineToggleReading1.3.2
Reading MaskToggleReading1.3.2
Page StructureToggleReading2.4.10
Reading GuideToggleReading1.3.2
Pause AnimationsToggleMedia2.3.3
Hide ImagesToggleMedia1.1.1

Appearance Settings

Customize under Clariti > Appearance: Position (4 options), Brand Color, Widget Size, Z-Index, Custom CSS.

Custom CSS

#cw-btn { width: 60px !important; height: 60px !important; }

Troubleshooting

IssueSolution
Widget not showingCheck license active, Enable Widget on, clear cache
Theme conflictAdjust z-index in Appearance

FAQ

Multiple sites? — One license per site.

Performance? — Under 5KB, zero impact.

GDPR? — No cookies, sessionStorage only.

WCAG 2.1 Checklist

CriteriaModule
1.4.3 ContrastContrast Mode
1.4.4 Resize TextFont Size
1.4.12 Text SpacingText Spacing
2.3.3 AnimationPause Animations
3.1.5 Reading LevelDyslexia Font

Built with love by Dipto Design · Get Support