Laai Af

Text To Speech TTS Accessibility

Deur Atlas AiDev

Beskrywing

Add accessibility to WordPress site to read contents out loud in more than 20 languages.

There is no need to create an account text to speech plugin is completely free. Just install the plugin and enjoy the whole features of the plugin.

Adding text-to-speech (TTS) accessibility to your WordPress website can make your site more accessible to people with disabilities and enhance the experience of users that prefer listening to content over reading.

Free text to speech (TTS) plugin for WordPress – Video Tutorial

SUPPORT AND QUESTIONS VISIT HERE:

USEFULL LINKS:

USAGE:

  • It’s Easy – To have the text to audio button in the content put the following shortcode anywhere in the text of your page or post.

    [tta_listen_btn]

    • TTS button text can be changed by providing attributes to shortcode like this.

      [tta_listen_btn listen_text="Listen" pause_text="Pause"  resume_text="Resume" replay_text="Replay"]

    • It can be possible to create a shortcode with custom text to read like this.

      [tta_listen_btn text_to_read="Hello WordPress" ]

    • Add class on shortcode as an attribute. Example :

      [tta_listen_btn class="custom_class"]

    • Missing content can be added by filter. Example:

      add_filter( 'tta__content_description', 'tta__content_description_callback', 10, 3 );
function tta__content_description_callback ( $output, $description, $post_id ) {

    $output .=" extra content here";

    return $output;
}

IMPORTANT NOTE:

Text To Speech TTS plugin is built on browser speechSynthesis API. No external API is used. Here is the API used speechSynthesis.
That is why Text To Speech TTS doesn’t support all android phones, aslo all languages. Here you can check which android phone and which device support speechSynthesis API.

Another issue speechSynthesis API is differ browser to browser also device to device . So it changes the voices and languages based on browser. one language may available on desktop
It can be not available on mobile phone. One voice may available on desktop, it may be not available on android.

Here you can see some languages which are supported by the browsers based on device.

Supported Languages:

  • Chrome Desktop: UK English, US English, Spanish ( Spain ), Spanish ( United States ), French, Deutsch, Italian, Russian, Dutch, Japanese, Korean, Chinese (China), Chinese (Hong Kong), Chinese (Taiwan) Hindi, Indonesian, Polish, Brazilian Portuguese.

  • Chrome Mobile: English USA, English UK, German, Italian, Russian, French, Spanish,

  • Microsoft Edge Desktop : All Languages.

  • Microsoft Edge Mobile : All Languages.

  • FireFox Desktop: English.

  • FireFox Mobile: English USA, English UK, German, Italian, Russian, French, Spanish.

FEAUTES:

  • Add a play button to any post or page.
  • Unlimited text to speech.
  • Add more functionality to the website for a range of users including the visually impaired and the old people.
  • Customization of button color, width and button text based on site language through filter.
  • Live preview of play button during customization.
  • Add custom CSS and custom class to the button.
  • Change listening language to any language.
  • Choose a voice from more than 20 voices.
  • Customization of button in block editor.
  • Play button can be added by shortcode [tta_listen_btn].

Listening is a better way to read:
Boost your understanding and focus with listening by Text To Audio TTS. Remember more of what you read. Maximize your time,
Breeze through your content 2-3x faster than it takes to read it. Do more at once, Take your reading wherever you go – to the gym, the park, or the couch, or the journy.

Text to speech plugin allow you to add accessibility feature in wordpress site easily. Speech plugin implements Web Content Accessibility Guidelines (WCAG) in the sit easily.

PRO FEATURES:

  • Get Live Support for first time integration.
  • Get Priority Support.
  • Save time by listening while you’re doing other tasks.
  • Engage with your customers more interactively.
  • Improved UI of the button.
  • Integrate with Google Cloud Text To Speech.
  • Get more than 600 voices when you’re using Google Cloud Text To Speech.
  • Remove special characters from content during reading.
  • Remove URL from content during reading.
  • Responsive speaking button.

Multi-lingual supported plugins

Custom Post Type supported plugins

OTHER SUPPORTED PLUGINS
* WP-Optimize – Clean, Compress, Cache.
* Elementor Website Builder – More than Just a Page Builder.

Screenshots

  • Add play button to any post.
  • Write post by voice.
  • Customization of button.
  • Choose listening voice.
  • Choose recording language.
  • Documentation.
  • Gutenburg Support.
  • Customize the button in block editor, Block Name ( Customize Button ).

Blokke

This plugin provides 1 block.

  • Text To Speech TTS Accessibility

Installation

  1. Download and unzip the plugin
  2. Upload the entire “text-to-audio” directory to the /wp-content/plugins/ directory
  3. Activate the plugin through the ‘Plugins’ menu in WordPress
  4. Go to “Text To Audio” menu and configure your settings

Kwel-vrae

Browser support issue on android phone on desktop

This plugin is built on browser API. No external API is used. Here is the API used speechSynthesis
That is why it doesn’t support all android phones aslo all languages. Here you can check which android phone and which device support this speechSynthesis API

Another issue speechSynthesis API is differ browser to browser also device to device . So it changes the voices and languages based on browser. one language may available on desktop
It can be not available on mobile phone. One voice may available on desktop, it may be not available on android.

If you still facing problems regarding browser issues please on a ticket.

Button content missing

Missing content can be added by filters.
Filter Example :
Install the plugin Code Snippets Then Select Snippet > Add New Create a new snippet with this block of code

        add_filter( 'tta__content_description', 'tta__content_description_callback', 10, 3 );
        function tta__content_description_callback ( $output, $description, $post_id ) {

            $output .=" extra content here";

            return $output;
        }

How to enable “speechSynthesis“ on FireFox?

Notice: This solution only for FireFox Desktop.
Open FireFox browser, search about:config on a new tab. Now search with this string and enable as true.
a. media.webspeech.synth.enabled

How to enable “SpeechRecognition“ on FireFox?

Notice: This solution only for FireFox Desktop.
Open FireFox browser, search about:config on a new tab. Now search with this string and enable as true.
a. media.webspeech.recognition.enable
b. media.webspeech.recognition.force_enable

Can I add button in Gutenburg block?

Yes, you can add listening button from block editor. Open you block editor and search Customize Button then add it.
Now you can change color, backgroundColor, width. And also add custom_css.

How to change button text?

You can change button text 2 ways one is by shortcode attribute. Another way is adding filter. But filter always overrides the shortcode attributes. Here is short code Example :

        [tta_listen_btn listen_text="Listen" pause_text="Pause"  resume_text="Resume" replay_text="Replay"]

Filter Example :
Install the plugin [Code Snippets](https://wordpress.org/plugins/code-snippets/) Then Select Snippet > Add New Create a new snippet with this block of code

add_filter( 'tta__button_text_arr', 'tta__button_text_arr_callback' );
function tta__button_text_arr_callback ( $button_text_arr ) {

    // Listen button
    $text_arr['listen_text'] = 'Listen'; // paste custem text
    $text_arr['pause_text'] = 'Pause'; // paste custem text
    $text_arr['resume_text'] = 'Resume'; // paste custem text
    $text_arr['replay_text'] = 'Replay'; // paste custem text

    // Record button text
    $text_arr['start_text'] = 'Start'; // paste custem text
    $text_arr['stop_text'] = 'Stop'; // paste custem text

    return $text_arr;
}

How to add custom css class to button?

Add class on shortcode as an attribute. Example : [tta_listen_btn class="custom_class"]

How can I change button background and text color?

Yes, you can change buttons background and text color from plugins dashboard’s customization menu. also from block editor by applying the customization button block.

Aanbevelings

WOW work great

Oktober 3, 2023 1 reply
The great things support was fast,plugin work and the best part. The developer is NOT greedy charge a decent price. Well Done

It works, it sounds great and its free.

September 21, 2023 1 reply
There are a lot of options for text - to - speech out there. Most of them are very expensive. If you just want to provide an option to "Hear" the text on screen for those who have vision challenges or for those like me with Dyslexia, this Plugin is your solution. Several voices to pick from and they get the job done.

Awesome for acessibility!

September 19, 2023 1 reply
I'm still pretty new to it and I have no idea how to add languages but the english version was fixed in very few simple clicks! I am having slight trouble with custimization, but it's great that we are getting tools to make websites acessible to everyone! The color of the button isn't really that important! Thanks for this plug in! 🙂
Read all 29 reviews

Contributors & Developers

“Text To Speech TTS Accessibility” is oopbron sagteware. Die volgende mense het bygedra tot die ontwikkeling van hierdie uitbreiding:

Contributors

“Text To Speech TTS Accessibility” has been translated into 5 locales. Thank you to the translators for their contributions.

Translate “Text To Speech TTS Accessibility” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

💎 TRANSLATION REQUEST 💎
We are looking for people to help translate this plugin. If you can help we would love here from you.
Help us & the WordPress community to translate the plugin. You can contact with us. We’ll guide you how to translate.

1.4.19 ( 05 Dec 2023 )

1.4.18 ( 02 Dec 2023 )

  • Unnecessary code removed

1.4.17 ( 01 Dec 2023 )

  • Button puase issue fixed.

1.4.16 ( 13 Nov 2023 )

  • Removed: setTimeout function removed.
  • Hooks file issue is fixed.

1.4.15 ( 13 Nov 2023 )

  • CSS issue solved.

1.4.14 ( 10 Nov 2023 )

  • Documentation updated
  • Get Pro button added

1.4.13 ( 05 Nov 2023 )

  • Compatible: WordPress 6.4 tested
  • Add: Button width issue fixed.
  • Removed: Banner Removed.

1.4.12 ( 30 Oct 2023 )

1.4.11 ( 26 Oct 2023 )

1.4.10 ( 19 Oct 2023 )

  • Added: GTranslate plugin compatibility added for premium version.

1.4.9 ( 17 Oct 2023 )

  • Added: Documentation link added.
  • Added: YouTube Link added.

1.4.8 ( 09 Oct 2023 )

  • Added: Halloween banner added.

1.4.7 ( 5 Oct 2023 )

1.4.6 ( Sep 30 , 2023)

1.4.5 ( Sep 21 , 2023)

  • Theme support: Divi, Enfold, Astra, Kadance, OceanWP, Hello Elementor, GeneratePress, Dynamic News, Kadance, Darknews theme supported.
  • Plugin support: Elementor builder supported.

1.4.4 ( Sep 14 , 2023)

  • Fixed: JS error fixed.
  • Tested: WordPress 6.3.1.
  • Improved: JS loading improved on front.

1.4.3 ( Sep 10 , 2023)

  • Fixed: CSS loaded properly.
  • Fixed: Short code text not displaying issue solved.
  • Added: Integrate with Text To Speech Pro version.
  • Added: Plugin URI added.

1.4.2 ( Sep 07 , 2023)

  • Fixed: Fixed: button showing issue is solved.

1.4.1 ( Sep 6 , 2023)

  • Fixed: Custom css adding issue solved.

1.4.0 ( Sep 2 , 2023)

  • Tested : WordPress 6.3
  • Updated: Documentation updated. Pro Features added.

1.3.25 ( August 24 , 2023)

  • Added : After switching tab stop speeching, if paused by intention.

1.3.24 ( August 24 , 2023)

  • Added : After switching tab stop speeching, if paused by intention.

1.3.23 ( August 9 , 2023)

  • Tested : WordPress 6.3
  • PHP version: PHP version 7.4 is recomended as WordPress 6.3 recomendation
  • Updated: Documentation updated.

1.3.22 ( JULY 27 , 2023)

  • Added : Invitation to translate plugin notice added to dashboard.
  • Added : Review notice added to dashboard.

1.3.21 ( JULY 21 , 2023)

  • Added : tta__content filter added. Arguments are $content, $post.

1.3.20 ( JULY 15 , 2023)

  • Removed : Invitation to translate plugin notice added to dashboard.
  • Removed : Review notice added to dashboard.

1.3.19 ( JULY 15 , 2023)

  • Added : Invitation to translate plugin notice added to dashboard.
  • Added : Review notice added to dashboard.
  • Updated : Pluign documentation updated.

1.3.18 ( JULY 09 , 2023)

  • Fixed : Error during plugin update issue fixed.
  • Added : By default play button showing to page added.
  • Renamed : Menu name “Docs” to “FAQ” renamed.

1.3.17 (JUNE 28, 2023)

1.3.16 (JUNE 25, 2023)

  • Moved : Button id number, content, and listening settings moved to footer.

1.3.15 (June 11, 2023)

  • Improved : On button hover cursor is now pointer.

1.3.14 (May 31, 2023)

  • Fixed : Allow Listening For Post Type not working issue resolved.

1.3.13 (May 29, 2023)

  • Rename: Allow Recoding For Post Type to Allow Listeing For Post Type.
  • Fixed : Allow Listeing For Post Type not working issue.
  • Removed: Allow Button On Single Page option.
  • Moved: Allow Button On Single Page to Allow Listeing For Post Type

1.3.12 (May 23, 2023)

  • Updated: Documentation updated.
  • Updated: Dashboard documentation menu change to “Support Docs”.
  • Added: More Questions added to “Support Docs” menu
  • Fixed: Copy to clipboard is not working.

1.3.11 (May 17, 2023)

  • Fixed : Multiple button are showing on archive, category, tag page.

1.3.10 (May 12, 2023)

  • Added : inline css moved to text-to-audio-css file.
  • Fixed : customize button block not found on the block editor.

1.3.9 (May 07, 2023)

  • Fixed : 10 seconds after puase the resume button not working on mobile and desktop.
  • Fixed : after puase the resume button not working on mobile.

1.3.8 (Apr 30, 2023)

  • Improved : Don’t stop reading text even tab switches functionality improved.

1.3.7 (Apr 30, 2023)

  • Fixed : Don’t stop reading text even tab switches.

1.3.6 (Apr 19, 2023)

  • Fixed : Stop reading after first paragragh in android issue solved.

1.3.5 (Apr 18, 2023)

1.3.4 (Apr 12, 2023)

1.3.3 (2023-04-05)

  • Tested: WP version 6.2 tested.
  • Changed: Plugin name changed to “Text To Speech TTS”

1.3.2 (2023-03-30)

  • Improved: Dashboard Notice UI Improved.
  • Fixed: Selection of listening language to any language.

1.3.1 (2023-03-24)

  • Added: Browser supported languages are added to documentation.
  • Fixed: Documentation Improveed.

1.3.0 (2023-03-11)

  • Fixed: Chrome android play button issue fixed.
  • Fixed: FireFox android play button issue fixed.
  • Fixed: Microsoft edge android play button issue fixed.
  • Fixed: IPhone Chrome android play button issue fixed.
  • Fixed: Dashboard UI improved.
  • Fixed: Listening voices are now based on browser API.

1.2.5 (2023-03-06)

  • Added: Play button display only single single page.
  • Fixed: Database value delete after update plugin.

1.2.4 (2023-03-01)

  • Fixed: Button text position issue fixed.
  • Fixed: Button icon position issue fixed.

1.2.3 (2023-02-27)

  • Fixed: Post title ASCII issue resolved.
  • Fixed: Error on incognito mode issue solved.
  • Fixed: Dashicons load in incognito mode or for non logged in users.
  • Fixed: Dashicon related css issue fixed.
  • Fixed: enable/disable button in single page.

1.2.2 (2023-02-04)

  • Updated: URL change.

1.2.1 (2023-01-28)

  • Improved: Documentation improved.
  • Added: .pot file added for translation.
  • Updated: Plugin name from Text To Audio to Text To Speech Ninja.

1.2.0 (2023-01-04)

  • Fixed: speechSynthesis pause after 10 – 15 seconds issue fixed.
  • Tested: WordPress verison 6.1.1 tested.

1.1.6 (2022-10-22)

  • Tested: WordPress verison 6.1 tested .
  • Improved: Button UI improved.

1.1.5 (2022-10-22)

  • Added: enable/disable option for adding button to every post.
  • Improved: Settings UI improved.
  • Improved: Documentation improved.

1.1.4 (2022-10-09)

  • Button Icon : Button Icon display hide/show option added.
  • Tabs: Settings tab rearranged.

1.1.3 (2022-09-24)

  • Button text : Listeing and Recoding button text change option added throw filter and attribute.
  • Action Links: Plugin action Links added.
  • Documentation: Documentation Improved.
  • Filter added: tta__button_text_arr, tta__content_title, tta__content_description filter added.

1.1.2 (2022-09-14)

  • Bugfixed: is_plugin_active error fixed.
  • Improved: FireFox api missing notice update.

1.1.1 (2022-07-23)

  • Bugfixed: FireFox api missing alert bug fixed.
  • Improved: Documentation Improved.

1.1.0 (2022-07-23)

  • Feature: Customization of listening button from block editor. Block Name ( Customize Button )
  • Added : Documentation added for how to enable SpeechRecognition and speechSynthesis on FireFox.
  • Solved: FireFox SpeechRecognition and speechSynthesis issue solved.

1.0.4 (2022-07-12)

  • Changed: shortcode from [wps_listen_btn] to [tta_listen_btn]
  • Changed: Files name changed.
  • Fixed: Customization UI issue fixed.

1.0.3 (2022-06-17)

  • Fixed: Button CSS issue fixed.
  • Fixed: Button alignment issue fixed.
  • Added: Support ticket button added.
  • Added: Review button added.

1.0.2 (2022-05-26)

  • Make dashboard responsive.
  • Ask for a feature button added.
  • Browser support documentation added.
  • Bugfixed.

1.0.1 (2022-05-23)

  • Gutenburg support added.

1.0.0 (2022-05-18)

  • Initial release.

Commercial Plugin

Hulp

This plugin is free but offers additional paid commercial upgrades or support.

Meta

Punte-toekennings

Wys almal
Log in to submit a review.

Hulp

Navrae opgelos in die laaste twee maande:

6 uit 7

Gaan na die hulp-forum

Skenk

Wil jy graag die ontwikkeling van hierdie uitbreiding ondersteun?

Skenk aan hierdie uitbreiding