AccessiBar — Accessibility Toolbar

Description

AccessiBar adds a floating accessibility button to your website. When visitors click it, a compact toolbar appears with tools that let them adjust the site to their needs — increase font size, enable high contrast mode, switch to a dyslexia-friendly font, and more.

Why AccessiBar?

Many accessibility plugins have moved to a SaaS model — requiring subscriptions, limiting free features behind paywalls, making external API calls, and raising GDPR concerns. AccessiBar takes a different approach:

• No paywalls. Every feature works without any subscription or premium tier.
• Zero external requests. No CDNs, no third-party APIs, no Google Fonts. Everything runs locally from your server.
• GDPR-compliant by design. No cookies are set. User preferences are stored in the browser’s localStorage — no data ever leaves the visitor’s device.
• Zero dependencies. Works with any WordPress theme and page builder — no Elementor, no Divi, no specific theme required.
• No server-side processing. No database tables, no server load, no SQL queries. Everything runs in the visitor’s browser.
• Lightweight. Under 45KB total frontend footprint (CSS + JS + font). Your site stays fast.
• Keyboard accessible. The toolbar itself is fully navigable with Tab, Enter, and Escape keys, with proper ARIA attributes and focus management.

Toolbar Features:

• Font Size Controls — Increase, decrease, or reset the page font size.
• High Contrast Mode — Dark background with light text and highlighted links for better readability.
• Highlight Links — Makes all links visually distinct with outlines and underlines.
• Readable Font — Switches to OpenDyslexic, a typeface designed for readers with dyslexia. The font file is bundled locally.
• Stop Animations — Disables all CSS animations and transitions for visitors with motion sensitivities.
• Large Cursor — Increases the mouse cursor size for easier tracking.

All preferences are remembered across page loads via localStorage.

Admin Settings:

• Button position (any corner)
• Button color
• Button size (small, medium, large)
• Optional button label text
• Toggle individual toolbar features on/off
• Hide on mobile devices option