The widget offers 19 features, grouped into three sections. You choose which ones visitors see; anything you switch off never appears in their panel.
Open the panel as a visitor
Visitors select the widget's launcher button, or press Alt + A. The panel has quick profiles at the top, one card per feature, and a Reset all button.
Visitors' choices are remembered for them in their browser, so their adjustments are still there on their next page and visit.
Some features appear under different names in the visitor's panel than in the dashboard. For example, Bolder text appears as "Highlighted Letters" and Readable font as "Text Style".
Font control
| Feature | What it does |
|---|---|
| Font size | Scales the text on your pages up in steps. |
| Readable font | Swaps body text for a high-legibility typeface. |
| Line spacing | Opens up the space between lines. |
| Letter spacing | Widens gaps between letters, and between words on Arabic text, which doesn't break apart. |
| Bolder text | Increases the weight of body text. |
Colour control
| Feature | What it does |
|---|---|
| Colour contrast | Offers dark, light and high-contrast colour schemes. |
| Colour intensity | Mutes or boosts colour saturation, including greyscale. |
| Colourblind modes | Re-maps colours for protanopia, deuteranopia and tritanopia. |
Navigation
| Feature | What it does |
|---|---|
| Website reader | Reads the page aloud with the Arabic and English voices you chose in the dashboard: the Arabic voice for Arabic text, the English voice for other text. Visitors choose how it reads: On click, Selection or Whole page. The device's own voice is used only if Natiq's voice service can't be reached. |
| Reading mode | Strips the page back to a clean single column. |
| Reading mask | Dims everything except a band around the pointer. |
| Reading guide | Shows a ruler line that follows the pointer. |
| Highlight links | Outlines every link so it stands out from the text. |
| Highlight headings | Outlines headings so the page structure is easy to scan. |
| Page structure | Lists the page's headings, landmarks and links to jump between. |
| Content magnifier | Magnifies whatever text the visitor points at. |
| Hide images | Has two levels: Show alt text replaces images with their alt text, and Hidden hides them. |
| Stop animations | Freezes animations, transitions and autoplaying video. |
| Stop sounds | Mutes audio and video playing on the page. |
Quick profiles
The panel offers five profiles that pick several features at once: Low vision, Dyslexia, Focus, Screen reader and Seizure safe. Choosing a profile replaces the current selection, and changing any card afterwards clears the profile.
Choose which features to offer
Open Accessibility and the Design tab.
Expand Features. The header shows how many are on, for example "N of 19 on".
Switch features on or off in each group, or use the group's Turn all off / Turn all on button, which toggles that group only.
Select Save draft, then Publish.
Don't switch everything off
If every feature is off, the launcher opens an empty panel. To remove the widget from a site entirely, disable it instead (see Set up the accessibility widget).
The Website reader voice
Under Language & voice, choose the Arabic voice (grouped by dialect: Saudi Arabia, Egypt, United Arab Emirates) and the English voice visitors hear. If Website reader is off, the settings say so, with a Turn it on shortcut.
Keep parts of your page untouched
Add CSS selectors under Behaviour → Exceptions. The widget won't restyle, resize, read aloud or magnify anything matching them.