Preface
Speak Easy is an extension for the free plugin GTranslate by Translate AI Multilingual Solutions (Translate WordPress with GTranslate by edo888, tested with version 3.0.9) ➡️ Plugin URI: wordpress.org/plugins/gtranslate

Speak Easy can read your website content aloud even without an additional plugin. It uses the built-in speech synthesis of the user's browser.

Functionality
As soon as the browser supports speech output, a speaker icon appears on your website. Clicking it starts or stops the reading of the content.

Settings
After installation, you’ll find the following options under WordPress → Settings → Speak Easy:

Language of HTML Texts
Enter the language of your website using an ISO 639 format (IETF Region Language Tag), e.g.: de-DE, en-US, en-GB, fr-FR, fr-BE, zh-CN (Short forms like de, en, fr are also accepted.)

Button Title
Define the title attribute of the speaker button, e.g.: Read text aloud / Stop reading

Include Image Descriptions
Check this box to have the alt and title attributes of images read aloud.

Word Replacement for Speech Output
Specify how certain words in the source text should be transformed to improve pronunciation during speech synthesis.

Custom CSS
Customize the appearance and position of the speaker icon.

Word Replacement Preview
Enter words here and use the Transform Text button to prepare them for immediate speech output and playback.

Even without the GTranslate plugin, Speak Easy can read a website aloud – but only in the original language of the page and only if the browser supports it.

Usage
Insert the shortcode at the beginning of each page:

[Speak Easy]

Then wrap the content you want to be read aloud in a <div> element:

<div id="text">
  <h2>Your first heading</h2>
  <p>This is your website content.</p>
  <p>...</p>
</div>


Speak Easy will read all text that is enclosed within the <div> tag with the ID text.