Linux 软件免费装
Banner图

InclusaBar

开发者 muzoid
更新时间 2026年10月10日 19:26
PHP版本: 8.0 及以上
WordPress版本: 7.1
版权: GPL-2.0-or-later
版权网址: 版权信息

标签

accessibility wcag font size contrast reduced motion

下载

1.2.0

详情介绍:

InclusaBar adds a floating accessibility toolbar to the front-end of your WordPress site. It's built to cover the most common accessibility barriers without the performance overhead or visual clutter of larger plugins. Features All settings are persisted to localStorage per browser. Fits your design Set the toolbar button's colour, icon colour and corner radius (from square to fully round), choose which corner of the screen it sits in, and fine-tune its distance from the edge and its stacking order.

安装:

  1. Upload the inclusabar folder to /wp-content/plugins/
  2. Activate through the Plugins menu
  3. Optionally configure via Settings -> InclusaBar

屏幕截图:

  • The same toolbar in dark mode. It follows each visitor's light or dark setting automatically.
  • Before and after: larger text, extra line height and Reading Mode switched on.
  • High Contrast and Link Underlines switched on, with their switches shown in the panel.
  • The dyslexia-friendly font applied to the page.
  • A bold focus outline on a link reached by keyboard, with the Big Cursor over another link.
  • The toolbar button in different colours and corner shapes, closed and open.
  • Settings → Toolbar Appearance: position, edge offset, z-index, button colours with a live contrast check, and corner radius.
  • Settings → Text Adjustments: how much each Text Size and Line Height click changes the page.
  • The toolbar on a phone, closed and open.

升级注意事项:

1.2.0 The plugin has been renamed from AccessiPress to InclusaBar. Adds button icon colour and corner radius settings, plus a contrast check that warns if your button colours are hard to see. Settings saved under the old name are not carried over — re-save them under Settings → InclusaBar. 1.1.1 Fixes Big Cursor's pointer/hand cursor not showing over links and buttons in some cases, and reduces the toolbar button's visual footprint (opacity + mobile sizing). 1.1.0 Adds line height, dyslexia-friendly font, grayscale, and big cursor controls, and fixes the panel being cut off on short screens. 1.0.6 Adds a visual indicator dot on the toolbar button when any accessibility feature is active. 1.0.5 Fixes toolbar incorrectly appearing inside admin and page builder editors. 1.0.4 Improves dark mode toggle switch and Reset button visibility. 1.0.3 Fixes toolbar visibility in dark mode. 1.0.2 Required update for WP.org submission: removes custom updater, cleans up escaping, bumps tested-to to 6.9. 1.0.1 Minor fix: toolbar fonts no longer inherit from the active theme's body font. 1.0.0 Initial release.

常见问题:

Does it conflict with page builders?

InclusaBar applies its styles at the html element level using CSS custom properties and classes, so it is broadly compatible with Bricks Builder, Elementor, Kadence, and similar builders. High contrast uses filter: contrast() which may interact with complex stacking contexts — test on your specific theme.

Does it work without JavaScript?

The toolbar itself requires JS. However, no content is hidden behind the toolbar; it is purely additive.

Is it WCAG compliant itself?

Yes — the toolbar uses proper ARIA roles, role="switch" on toggle buttons, focus management, keyboard trap within the panel, and aria-live for font size announcements.

What can InclusaBar actually do?

It adds a floating toolbar with: font size and line height controls (independent steppers), high contrast, reduce motion (with OS preference auto-detection), enhanced focus indicators, reading mode, forced link underlines, a dyslexia-friendly font, grayscale, and a big cursor. Everything is configurable from Settings → InclusaBar (position, button colours and shape, step sizes) and every setting has an individual reset plus a single "Reset All Settings" button.

Can I make the toolbar button match my site's design?

Yes. Under Settings → InclusaBar → Toolbar Appearance you can set the button colour, the icon colour, and the corner radius — use pixels or a percentage, where 0 is square and 50% is fully round. You can also choose which corner of the screen the button sits in, how far it sits from the edge, and its z-index if it overlaps a fixed header or footer. The button colour is also used for switched-on toggles and keyboard focus outlines inside the panel, so the whole toolbar stays consistent. As you choose the colours, the Settings page shows the contrast between the button and its icon and rates it against the 4.5:1 accessibility target. If it's too low, a "Use recommended icon colour" button picks white or dark navy for you. You can still save any combination you like, but you'll see a warning if the contrast is low.

Does InclusaBar track or collect any data?

No. There is no telemetry, analytics, or tracking of any kind, and the plugin makes no external network requests. Toolbar settings a visitor changes are stored only in that browser's own localStorage — nothing is sent to or stored on your server per-visitor. The only data InclusaBar stores server-side is the single inclusabar_settings option holding the admin's configuration (position, button colours, step sizes, etc.), which you set yourself on the Settings page.

How is this plugin's security tested?

Every release is checked with the official WordPress Plugin Check tool, plus an additional dedicated logic-level security review before it ships. This includes broken access control, privilege escalation, and injection points. Settings are validated and sanitised server-side (whitelisted values, clamped numeric ranges) regardless of what's submitted client-side.

What happens to my data if I uninstall the plugin?

Uninstalling deletes the single inclusabar_settings option from your database — no other data is left behind. Per-visitor localStorage entries live in each visitor's own browser and aren't something the plugin (or its uninstall routine) can reach or clear remotely; they'll persist until that visitor clears their own browser storage.

Does it work with caching plugins?

Yes. The toolbar's HTML/CSS/JS is identical for every visitor (it's built from the admin's saved settings, not per-visitor data), so full-page caching doesn't cause stale or incorrect output. Each visitor's individual toolbar choices live in their own browser's localStorage, entirely independent of your server-side cache.

Is it mobile-friendly?

Yes. The toolbar and panel work with standard tap interactions (no touch-specific code needed), the panel is sized to comfortably fit real phone screens, and its height is capped to the viewport with internal scrolling — so it never gets cut off or grows taller than the screen on short or landscape mobile viewports.

更新日志:

1.2.0 1.1.1 1.1.0 1.0.9 1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.3 1.0.2 1.0.1 1.0.0