D2i Accessibility Toolkit

A free web accessibility toolkit and digital accessibility solution that adds a floating accessibility panel to any WordPress site — letting visitors activate WCAG 2.1/2.2, ADA, Section 508, and EN 301 549 assistive adjustments with a single click. Built-in accessibility automation tools make it the simplest accessibility testing tool you can give your visitors. No login, no upsells, no external requests.

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, and is not a substitute for professional accessibility audit services or a dedicated website ada compliance service. Website owners remain responsible for ensuring their content — semantic HTML, image alt text, captions, heading structure, and color contrast — meets applicable standards.

Features

This accessibility toolkit doubles as a lightweight website accessibility checker and ada compliance tool — putting the WCAG and ADA controls your visitors need directly in their hands.

Contrast Modes

Cycle through Dark, Light, and High Contrast display modes.

Highlight Links

High-visibility outlines and backgrounds on all links for easier navigation.

Bigger Text

Scale text from 100% up to 200% in increments — rem-based so layout reflows correctly.

Text Spacing

Applies WCAG 1.4.12 exact values: line-height 1.5, letter-spacing 0.12em, word-spacing 0.16em, paragraph spacing 2em.

Pause Animations

Stops CSS animations and transitions; pauses autoplay videos; respects prefers-reduced-motion automatically.

Hide Images

Hides img, picture, and SVG elements; injects alt text as visible text nodes so context is preserved.

Dyslexia Friendly

Applies the OpenDyslexic font (bundled locally, no CDN) with increased line-height and letter-spacing.

Big Cursor

64px white or black cursor SVG, locally bundled — no external requests.

Line Height

Cycle through Default → 1.5 → 1.75 → 2.0 → 2.5 line heights.

Text Alignment

Switch between Default, Left, Centre, and Right alignment (justify excluded per WCAG 1.4.8).

Reset All

One click restores all defaults and clears LocalStorage preferences.

Widget Preview

A floating button sits in the corner of every page. One click opens the full accessibility panel — no reload, no settings menu needed.

D2i Accessibility Toolkit widget panel showing Quick Profiles and accessibility feature controls

Privacy

No external requests — all fonts, cursors, and icons are bundled locally.

No tracking or analytics — zero phone-home behaviour.

Browser LocalStorage only — user preferences stored under d2i_a11y_user_prefs, no cookies, no database writes.

How to Install

1 From WordPress Dashboard

  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 admin sidebar to configure

2 Manual Upload

  1. Download the plugin ZIP from WordPress.org
  2. Go to Plugins → Add New → Upload Plugin
  3. Upload the ZIP and click Install Now, then Activate
  4. Configure via D2i Accessibility in the admin sidebar
Download Free on WordPress.org

The Widget is Fully Accessible

The accessibility panel itself meets the same standards it helps your visitors use:

  • Semantic <button> elements throughout
  • Color contrast ≥ 4.5:1 within the widget
  • Touch targets ≥ 44×44px
  • Keyboard navigable with focus trap; Escape to close
  • Full ARIA: role="dialog", aria-modal, aria-pressed, aria-live
  • Tested with NVDA, JAWS, VoiceOver, and TalkBack
  • Widget is never affected by its own filters (invert/saturation are counter-filtered)

Frequently Asked Questions