Weston Ruter

<p>Make your browser speak when <code>wp.a11y.speak()</code> is called. Requires a browser that <a href="http://caniuse.com/#feat=speech-synthesis" rel="nofollow ugc">supports <code>speechSynthesis</code></a> (which all currently do except for IE11).</p>
<p>This is useful for development to simulate what a user experiences when using a screen reader.</p>


Accessibility (a11y) Speech Synthesis

Make your browser speak when wp.a11y.speak() is called.

Mosne / Paolo Tesei

<p>This is a block that allows you to add a text-to-speech feature to your website.<br />
Using the Web Speech API, the plugin will read the content of the page according to the document language and user’s preferences.<br />
No third-party services are used, so no cookies are required. GDPR-friendly. Accessibility-ready.</p>
<h3>Key Features</h3>
<ul>
<li>Listen to the content of a page according to the document language and user’s preferences.</li>
<li>(New) Highlight the current sentence being spoken with custom colors.</li>
<li>Skip undesired content by adding the class .skip-speech to the element.</li>
<li>Accessibility-ready</li>
<li>No cookies used (GDPR-friendly)</li>
<li>Performance-optimized and lightweight</li>
<li>No block library required</li>
<li>Primarily built with native WordPress components</li>
<li>Developer-friendly and easy to customize</li>
</ul>
<h3>Stay Connected</h3>
<ul>
<li><a href="https://github.com/mosne/mosne-text-to-speech-block" rel="nofollow ugc">View on GitHub</a></li>
<li><a href="https://mosne.it/" rel="nofollow ugc">Visit my website</a></li>
</ul>
<h3>Credits</h3>
<p>The icons of this block come from Heroicons with MIT license<br />
<a href="https://heroicons.com/" rel="nofollow ugc">heroicons.com</a></p>


Mosne Text to Speech Block

I only have 2 words for this !

Read the content of a page using native Speech Synthesis and Interactivity API.

Accessibility (a11y) Speech Synthesis vs Mosne Text to Speech Block