Intranet Accessibility using ReciteMe

In some situation you might need to provide accessibility access to visually impaired intranet users, such as screen reader, high-contrast and large fonts.

ReciteMe can provide instant accessibility features for your intranet

How to :

1. Apply for Free Trial Recite Me here

2. Log-in to Recite Me Account and follow the Installation details

3. In Claromentis Design Panel or within a specific Theme

copy the Step 1 code into Custom Code Section

Please note if you have Google Analytics  code in the Custom Code section,  do not delete, simply paste ReciteMe code under existing Analytics code.

4. Copy the following code for styled Recite Me button that floats in the right corner of the screen

<div class="reciteme-btn">
<div class="reciteme">
<a href="#" rel="tooltip" data-original-title="Enable Recite Me!"><span class="glyphicon glyphicons-person-wheelchair"></a>
</span>
</div>
</div>

 

5. Copy the step 3 code or simply paste the code here underneath the button

<script type="text/javascript">
    jQuery(".reciteme").click(function(i,e){
        loadService();
        return false;
    });

</script>

 

6. Copy the CSS code to style the button under Custom CSS (Advanced) section

 

.reciteme-btn {
   position: fixed;
    bottom: 0;
    right:0;
}

.reciteme {
    width: 60px;
    height: 60px;
    outline: none;
    opacity: 0.85;
    background: #ff0000;
    border: none;
    padding: 13px 22px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    margin-bottom: 10px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;

}

.reciteme a:link, .reciteme a:hover, .reciteme a:active, .reciteme a:visited { 
    color: #fff !important;
    font-size: 23px;
    line-height: 1.52857;
   text-decoration: none;
}

 

Important Bits!

ReciteMe is designed to assist visually impaired users, it is based on javascript technology which is working fine for users who's primary action is consuming information but this may cause issues when editing information such as using WYSIWYG editor.

Alternative Products

If ReciteMe does not work for you here an alternative product to consider:

https://www.equalweb.com/

 

Last modified on 30 November 2023 by Hannah Door
Created on 15 July 2015 by Michael Christian

Was this helpful?  

Share