MokoNtfy includes the Moko accessibility drawer, a set of on-page controls that let each visitor adjust how the app looks and reads. Preferences are saved per browser and applied on every visit, so your choices persist.
Opening the drawer
A floating accessibility button (the same widget that carries the theme switch) opens a drawer with a theme group and an accessibility group. Everything below is toggled from there.
Accessibility controls
- Font size. A stepper scales the whole interface through preset sizes (85%, 90%, 100%, 110%, 120%, 130%), with the current value announced for screen readers.
- High contrast. Boosts contrast for readability.
- Invert colours. Inverts the palette. High contrast and invert are mutually exclusive — turning one on turns the other off.
- Highlight links. Makes links stand out so they're easy to spot.
- Readable font. Switches to a more legible typeface.
- Pause animations. Stops motion for a calmer, reduced-motion experience.
- Reading mode. Simplifies the view to focus on content.
Theme controls
The same drawer holds the theme switch: choose Light or Dark explicitly, or Auto to follow your operating system. The app's own theme preference stays the source of truth, so the drawer and the theme button always reflect the same choice.
Skip to content
A skip-navigation link is provided for keyboard and screen-reader users: press Tab on page load and the first focusable element is a "skip to content" link that jumps past the navigation straight to the main area.
Where preferences live
Accessibility choices are stored locally in your browser (not on the server), so they follow the browser/device rather than your account — set them once per device.
Admin: drawer placement, size & layout
An administrator can control where the accessibility drawer sits and how it looks for every visitor from Site Administration → Accessibility. Changes take effect on the next load — no rebuild or restart. The options mirror the MokoOnyx theme:
- Placement — which screen edge and vertical anchor the handle sits at: Right–Center (default), Right–Top, Right–Bottom, Left–Center, Left–Top, or Left–Bottom.
- Control layout — how the controls are arranged inside the panel: Stacked (column, default), Inline (row), or Grid (2-column).
- Panel size — the width of the open panel: Slim, Narrow, Normal (default), or Wide.
- Open on load — whether the drawer opens automatically when the app loads (default off).
These are saved on the server and apply to everyone, including before sign-in.
When you Save on the Accessibility settings page, MokoNtfy reloads automatically so your new placement, layout and size apply right away — you no longer need to refresh the page manually.
Printing
Any page can be printed cleanly. A Print action is available both in the topic action bar (the printer icon) and in the accessibility drawer ("Print page"). Both open your browser's print dialog against a print stylesheet that hides the app chrome (top bar, side navigation, buttons, the accessibility drawer) and lays out the visible notifications for paper.