WordPress.org

Plugin Directory

Audileo – Text to Speech (TTS) Read Aloud for Accessibility (WCAG/ADA)

Audileo – Text to Speech (TTS) Read Aloud for Accessibility (WCAG/ADA)

Description

Audileo TTS adds a floating play button to every page of your WordPress site, allowing visitors to listen to your content read aloud using the browser’s built-in Web Speech API.

Features

  • Voice Selection – Automatically detects and ranks available voices:
    • Microsoft Edge Natural voices
    • Google voices
    • Apple system voices
    • Plus system and fallback voices
  • Intelligent Content Extraction – Automatically reads only the meaningful content:
    • Skips navigation menus, sidebars, headers, footers
    • Removes ads, cookie banners, popups
    • Excludes comments, sharing buttons, related posts
    • Detects WordPress themes and picks the main content area
  • Floating Player – Dark/light mode UI with:
    • Play/Pause/Stop controls
    • Speed adjustment (0.5x to 3x)
    • Pitch adjustment
    • Progress bar with time estimate
    • Voice selector dropdown with all available voices
    • Read Selection feature
  • Customizable – Position, colors, size, and behavior all configurable
  • Keyboard Shortcuts – Ctrl+Shift+U to toggle reading
  • Mobile Responsive – Works on phones and tablets
  • Accessibility – WCAG-compliant focus states, reduced motion support
  • Lightweight – No external dependencies, uses the browser’s built-in Web Speech API
  • Privacy – No external API calls, no data collection, GDPR compliant

How Voice Selection Works

The plugin scans all voices available in the visitor’s browser, ranks them by type, and auto-selects one:

  1. Edge Natural voices – Available in Microsoft Edge and Chrome on Windows 10/11
  2. Google voices – Available in Google Chrome
  3. Apple voices – Available in Safari (macOS/iOS)
  4. System voices – Fallback for all browsers

A suitable voice matching the page language is auto-selected and saved for future visits via browser localStorage.

Privacy

This plugin does not collect, store, or transmit any data. All text-to-speech processing happens locally in the visitor’s browser using the Web Speech API. No external API calls are made. Voice preferences are stored in the visitor’s browser localStorage only.

Installation

  1. Upload the audileo-tts folder to /wp-content/plugins/
  2. Activate the plugin through the Plugins menu
  3. Go to Settings > Audileo TTS to customize the player
  4. The play button automatically appears on every page

Quick Start

The plugin works out of the box with sensible defaults:
* Button appears in the bottom-right corner
* Voice auto-selected based on browser availability
* 1x speed, 1x pitch
* Text highlighting enabled

FAQ

Does this plugin work with all browsers?

Yes! The Web Speech API is supported in all modern browsers (Chrome, Edge, Firefox, Safari, Opera). Voice quality varies by browser:
* Microsoft Edge – Edge Natural voices
* Google Chrome – Google voices
* Safari – Apple voices
* Firefox – System voices

How does it know what text to read?

The plugin intelligently extracts the main content by:
1. Looking for semantic HTML elements (<article>, <main>)
2. Detecting WordPress theme content areas (.entry-content, .post-content, etc.)
3. Removing known noise elements (nav, footer, sidebar, ads, comments, etc.)
4. Cleaning up the text (removing button labels, share links, etc.)

You can add additional CSS selectors to exclude via the Advanced settings.

Does it require an API key?

No. The plugin uses the browser’s built-in Web Speech API, which is completely free and requires no API keys or external services.

Can visitors choose their own voice?

Yes. The expanded player includes a voice selector dropdown that lists all voices available in the visitor’s browser, organized by quality tier.

Is it GDPR compliant?

Yes. The plugin makes no external requests and stores nothing server-side. Voice preferences are stored in the visitor’s browser localStorage only.

Does it work with page builders?

Yes. The plugin works with any WordPress content: Gutenberg, Elementor, Divi, Beaver Builder, WPBakery, Classic Editor, etc. It extracts text from the page’s main content area regardless of how it was built.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Audileo – Text to Speech (TTS) Read Aloud for Accessibility (WCAG/ADA)” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.2.0

  • Aligned readme plugin name with plugin header for consistency
  • Removed restricted terms from plugin name

3.1.0

  • Use wp_enqueue_script/style for proper asset loading
  • Removed Custom CSS setting per WordPress.org guidelines
  • Removed comparative marketing claims from descriptions
  • CSS and JS loaded as proper enqueued assets

3.0.0

  • Single-file architecture for maximum compatibility
  • Improved admin menu placement under Settings
  • Credit link now disabled by default per WordPress.org guidelines

2.0.0

  • Complete rewrite with intelligent content extraction
  • Added Edge Natural voice detection
  • New dark/light mode player UI
  • Speed and pitch controls
  • Text highlighting while reading
  • Keyboard shortcut support (Ctrl+Shift+U)
  • Voice selector dropdown with quality tier grouping
  • Read Selection feature
  • Auto-stop on scroll option
  • Mobile responsive design
  • Accessibility improvements

1.0.0

  • Initial release