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.

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 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? 
After purchasing a licence you will be provided with a link similar to the one below. Include the link on any page you wish to have your toolbar.

<script
src="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=”ClaroWebsiteReader.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