Title: D2i Accessibility Toolkit
Author: d2itechnology
Published: <strong>2026 年 5 月 18 日</strong>
Last modified: 2026 年 5 月 20 日

---

搜索插件

![](https://ps.w.org/d2i-accessibility-toolkit/assets/banner-772x250.png?rev=3535253)

![](https://ps.w.org/d2i-accessibility-toolkit/assets/icon-256x256.png?rev=3535162)

# D2i Accessibility Toolkit

 作者：[d2itechnology](https://profiles.wordpress.org/d2itechnology/)

[下载](https://downloads.wordpress.org/plugin/d2i-accessibility-toolkit.1.0.1.zip)

 * [详情](https://cn.wordpress.org/plugins/d2i-accessibility-toolkit/#description)
 * [评价](https://cn.wordpress.org/plugins/d2i-accessibility-toolkit/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/d2i-accessibility-toolkit/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/d2i-accessibility-toolkit/#developers)

 [支持](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/)

## 描述

**D2i Accessibility Toolkit** injects a floating accessibility panel into the front-
end of any WordPress site. Visitors can activate assistive adjustments in a single
click without needing to change their browser or operating system settings.

> **Important notice:** This plugin helps users customise their browsing experience.
> It does **not** automatically make your website fully compliant with WCAG, ADA,
> Section 508, or EN 301 549. Website owners remain responsible for ensuring their
> content (semantic HTML, image alt text, captions, heading structure, and color
> contrast in their own designs) meets applicable standards.

#### Features

 * **Contrast modes** — Dark, Light, High Contrast (cycle through)
 * **Highlight Links** — high-visibility outlines and backgrounds on all links
 * **Bigger Text** — 100 %  120 %  140 %  160 %  180 %  200 % (rem-based, reflows
   correctly)
 * **Text Spacing** — applies WCAG 1.4.12 exact values (line-height 1.5, letter-
   spacing 0.12 em, word-spacing 0.16 em, paragraph spacing 2 em)
 * **Pause Animations** — stops CSS animations/transitions; pauses `<video autoplay
   >`; respects `prefers-reduced-motion` automatically
 * **Hide Images** — hides img/picture/SVG; injects alt text as visible text nodes
 * **Dyslexia Friendly** — applies OpenDyslexic font (bundled locally, no CDN), 
   increases line-height and letter-spacing
 * **Big Cursor** — 64 px white or black cursor SVG, locally bundled
 * **Line Height** — Default  1.5  1.75  2.0  2.5
 * **Text Alignment** — Default  Left  Centre  Right (justify excluded per WCAG 
   1.4.8)
 * **Reset All** — one click restores defaults, clears LocalStorage

#### Compliance support

The widget provides user-facing adjustments that support meeting:

 * **WCAG 2.1 Level AA** (all applicable SCs)
 * **WCAG 2.2** new SCs (2.4.11 Focus Not Obscured, 2.5.8 Target Size ≥ 44 × 44 
   px, 3.2.6 Consistent Help)
 * **ADA Title II / III**
 * **Section 508 Refresh**
 * **EN 301 549**

#### Privacy

 * **No external requests** — all fonts, cursors, and icons are bundled locally
 * **No tracking, no analytics, no phone-home**
 * User preferences are stored in **browser LocalStorage** only — no cookies, no
   database writes

#### Widget accessibility

The widget itself is fully accessible:

 * All controls are semantic `<button>` elements
 * Color contrast ≥ 4.5:1 within the widget
 * Touch targets ≥ 44 × 44 px
 * Keyboard navigable; focus trapped while panel is open; Escape to close
 * Full ARIA: `role="dialog"`, `aria-modal`, `aria-labelledby`, `aria-pressed`, `
   aria-expanded`, `aria-live`
 * Tested with NVDA, JAWS, VoiceOver, TalkBack
 * Widget is never affected by its own filters (invert/saturation are counter-filtered
   on the widget container)

## 屏幕截图

[⌊Widget trigger button (bottom-right, default position)⌉⌊Widget trigger button (
bottom-right, default position)⌉[

Widget trigger button (bottom-right, default position)

[⌊Open accessibility panel showing all feature tiles⌉⌊Open accessibility panel showing
all feature tiles⌉[

Open accessibility panel showing all feature tiles

[⌊High-contrast mode active⌉⌊High-contrast mode active⌉[

High-contrast mode active

[⌊Admin settings page⌉⌊Admin settings page⌉[

Admin settings page

[⌊Statement generator⌉⌊Statement generator⌉[

Statement generator

## 安装

#### From WordPress Dashboard (Recommended)

 1. Go to **Plugins  Add New**
 2. Search for **D2i Accessibility Toolkit**
 3. Click **Install Now**, then **Activate**
 4. Go to **D2i Accessibility** in the WordPress admin sidebar menu to configure the
    widget

#### Manual Installation

 1. Download the plugin ZIP from the [WordPress Plugin Directory](https://wordpress.org/plugins/d2i-accessibility-toolkit/)
 2. Go to **Plugins  Add New  Upload Plugin**
 3. Upload the ZIP file and click **Install Now**, then **Activate**
 4. Go to **D2i Accessibility** in the WordPress admin sidebar menu to configure the
    widget

## 常见问题

### Where does the OpenDyslexic font come from?

OpenDyslexic is an open-source font licensed under the SIL Open Font Licence. `OpenDyslexic-
Regular.woff2` and `OpenDyslexic-Bold.woff2` are downloaded from [opendyslexic.org](https://opendyslexic.org)
and bundled in the `public/fonts/` directory — no CDN or external request is made.

### Does this plugin make my site WCAG compliant?

No. Accessibility overlays and toolkits are a supplemental aid, not a substitute
for accessible design and content. You must still ensure your site’s HTML is semantic,
images have alt text, videos have captions, and your color scheme meets contrast
requirements.

### Where are user preferences stored?

Browser LocalStorage under the key `d2i_a11y_user_prefs`. No data is sent to a server.

### Is this plugin GDPR-friendly?

Yes. It makes no external requests, sets no cookies, and stores no personal data
on the server.

## 评价

![](https://secure.gravatar.com/avatar/bb4c1dfed1aef6ebf501e5c1afa71247a034d815f23087215c08f22d80a064e7?
s=60&d=retro&r=g)

### 󠀁[Great accessibility plugin — clean and effective](https://wordpress.org/support/topic/great-accessibility-plugin-clean-and-effective/)󠁿

 [zikru](https://profiles.wordpress.org/zikru/) 2026 年 5 月 19 日

An excellent WordPress accessibility plugin built with real WCAG compliance in mind.
The D2i Accessibility Toolkit is lightweight, easy to configure, and works smoothly
across multiple WordPress themes without conflicts. It helps improve website accessibility,
ADA compliance, keyboard navigation, screen reader support, color contrast, and 
overall user experience. A great solution for developers looking to create inclusive,
and accessible websites while following modern web accessibility standards.

 [ 阅读所有1条评价 ](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/reviews/)

## 贡献者及开发者

「D2i Accessibility Toolkit」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ d2itechnology ](https://profiles.wordpress.org/d2itechnology/)

[帮助将「D2i Accessibility Toolkit」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/d2i-accessibility-toolkit)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/d2i-accessibility-toolkit/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/d2i-accessibility-toolkit/)，或通过
[RSS](https://plugins.trac.wordpress.org/log/d2i-accessibility-toolkit/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/d2i-accessibility-toolkit/)。

## 更新日志

#### 1.0.1

 * Confirmed compatibility with WordPress 7.0
 * Fixed admin assets (CSS/JS) not loading on the plugin settings page

#### 1.0.0

 * Initial release

## 额外信息

 *  版本 **1.0.1**
 *  最后更新：**3 周前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/d2i-accessibility-toolkit/)
 * 标签
 * [accessibility](https://cn.wordpress.org/plugins/tags/accessibility/)[ada](https://cn.wordpress.org/plugins/tags/ada/)
   [wcag](https://cn.wordpress.org/plugins/tags/wcag/)[widget](https://cn.wordpress.org/plugins/tags/widget/)
 *  [高级视图](https://cn.wordpress.org/plugins/d2i-accessibility-toolkit/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  1 条 5 星评价     ](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/reviews/)

## 贡献者

 *   [ d2itechnology ](https://profiles.wordpress.org/d2itechnology/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/d2i-accessibility-toolkit/)