Claro Website Reader:


Claro Website Reader is a toolbar that you can install on your website to provide accessibility options.

How do i use the Claro Website Reader Toolbar?


From left to right: Play, Stop and Settings

Click And Play

Click on a sentence and click play to hear the web-page be read out from the beginning of the sentence. (note on iOS you must tap and hold a word and then tap and hold the play button).

Text Select

Highlight some text to hear it read aloud.

Stop

Press the stop button to stop voice immediately.

Settings

Press the settings icon for additional readability settings and to change the things about the voice.

Voices

The default voice matches the language of the web page and if it can’t be found it then matches with the language of the users browser.

How do i install the toolbar on my website? 
Simply include the following line at the bottom of the body tag on the page you want to use it.

<script
src="https://clarodownloads.com/test/Claro%20Website%20Reader/ClaroWebsiteReader%201.0.1.js"
integrity="sha384-MsKS0yjPyPaHHdUcprf7eMLuBLHBLdFmNZoCnvIqbnPBWMEwdmL1AtWvr3kg7WPi"
crossorigin="anonymous"></script>

Then create a button, like the ones above, and include: onclick=”ClaroWebsieReader.Toggle()” for a toggle switch or onclick=”ClaroWebsiteReader.Show()” & onclick=”ClaroWebsiteReader.Hide()”

Example:

<button
id="ClaroWebReaderButton" onclick="ClaroWebsiteReader.Toggle()">Toggle
Claro Website Reader</button>

The Toolbar should be visible on any page which you have included this line.

Categories: Claro Website Reader