Effortless Accessibility, Instant Compliance.

Open your website to everyone. Tone Accessibility is a free, powerful widget that makes your site compliant with WCAG and ADA standards in minutes. No coding skills required.

See it in Action Get Started for Free

Stop Worrying About Compliance. Start Welcoming Everyone.

An inaccessible website doesn't just exclude users with disabilities—it exposes you to legal risks and lost business. Achieving compliance with standards like WCAG and ADA can be complex and expensive. Tone Accessibility makes it simple.

  • Expand Your Audience: Make your content accessible to the 1 in 4 adults with a disability.
  • Avoid Legal Trouble: Proactively meet legal standards and reduce the risk of costly lawsuits.
  • Enhance User Experience: A better experience for users with disabilities means a better experience for all.
  • Boost Your Brand: Show your commitment to inclusivity and social responsibility.

Live Demo: Experience It Now

See how Tone empowers your users. Interact with the live widget below to explore its powerful, user-friendly features firsthand.

Powerful Features, All Included for Free

Tone Accessibility is packed with everything you need to create a truly inclusive online experience. Customize the widget to perfectly match your site's design.

Contrast & Color Control

Users can select high-contrast, grayscale, or inverted color modes to ensure text is perfectly readable.

Dynamic Text Sizing

Allow visitors to increase or decrease text size for maximum comfort and readability.

Readable Fonts

Instantly switch your site's typography to a dyslexia-friendly font for easier reading.

Link & Heading Highlights

Make navigation a breeze by automatically underlining links and highlighting headings for clear structure.

Screen Reader Support

Optimized to work seamlessly with screen readers, ensuring access for visually impaired users.

And Much More...

Including a reading guide, text-to-speech options, and image-hiding capabilities.

Get Started in 60 Seconds

Integration is incredibly simple. Our free version has everything you need to get compliant.

The Easiest Way: CDN

For the quickest setup, simply copy this one line of code and place it just before the closing </body> tag in your website's HTML. That's it!

<script src="https://cdn.jsdelivr.net/npm/@reaktly-js/tone-accessibility/dist/tone.umd.js" defer></script>

For Developers: NPM Package

If you're using a JavaScript framework like React, Vue, or Svelte, you can install the widget from NPM for more advanced control.

First, install the package:

npm install @reaktly-js/tone-accessibility

Then, import and initialize it in your project:

// In your main JavaScript or component file
import { Tone } from '@reaktly-js/tone-accessibility';
import '@reaktly-js/tone-accessibility/dist/tone.css';

// Initialize the widget with optional customizations
Tone.init();