4 Tips On How You Can Tweak The Audio Version Of Your Web Pages

Speech-enabled web pageBringing the best and most useful experience to your web users is always something on the agenda. That often means to sit back and think of the profile of your users and how they interact with your content. We get asked the question regarding how text to speech can be tweaked to fit the needs of users who wish to listen to written content on websites.

Here are 4 simple tips that can help you customize how you want your web text content to be listened to by your users:

Tip #1: Have text read that is not displayed

To have text read that is actually not displayed on the page you can add a unique HTML comment like

<!-- INTRO_TEXT_1 -->

or an empty element with a unique class or id and send us the text that you would like to have read and we will make a special customization for you.

This can be useful if you want to have a special welcome message on the start page or if you want to give special information to the users using the audio version of your web content, like advertisement or sponsor messages. Check out how KidsHealth has used this to have an introductory message before all of their speech-enabled articles.

Tip #2: Ignore certain parts of a web page from being read

To ignore certain parts of a page you can use a special class that will skip the content that you don’t want to be read. When adding that class to a tag, the whole element will be ignored by ReadSpeaker.

This can come in handy if you want your users to focus orally only on certain parts of your web pages.

Tip #3: Switch voices and languages

With this add-on our web reading solution can automatically switch between two voices of different genders of the same language when reading a text.

This can for example be useful when a text contains quotes and you want to distinguish the quote from the rest of the text. Note that you can also switch between different languages if your web page contains content in different languages. Listen to how the Spanish Royal Family website switches from Spanish to English.

Tip #4: Add several listen buttons per page

Blogs are an ideal candidate for this type of implementation or when you have several blocks of content on a web page. This reinforces the mental link between the content and the action of listening to it. See how Spanish website FEAPS does it on their home page or the German site Landtag Niedersachsen.

Get Your Free Guide:
Everything You Always Wanted to Know about Speech-Enabling Websites

Download Your Free Guide