內容簡介
AccessiBar 是一款輕量級無障礙工具列外掛,在網站上新增浮動按鈕,讓訪客自行調整字型大小、對比模式、動畫停用等顯示設定。完全免費、無外部請求、符合 GDPR 規範,適用於任何佈景主題。
【主要功能】
• 字型大小放大、縮小與重設控制
• 高對比模式,提升文字與連結可讀性
• 切換 OpenDyslexic 閱讀障礙友善字型
• 停用所有 CSS 動畫與轉場效果
• 放大滑鼠游標,方便視覺追蹤
• 醒目標示所有超連結
外掛標籤
開發者團隊
② 後台搜尋「AccessiBar — Accessibility Toolbar」→ 直接安裝(推薦)
原文外掛簡介
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
