Intranet Accessibility using ReciteMe

Update Wednesday 10th July 2024 - Recite Me no longer offers a free trial but a demo can be booked with their team through their website. Other companies offer accessibility features too, if you need help confirming if their offerings will work with Claromentis please raise a change request ticket.

 

You may need to provide accessibility access to visually impaired intranet users, such as a 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 this, simply paste ReciteMe code under the existing Analytics code:


4. Copy the following code for a 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 works fine for users whose primary action is consuming information but this may cause issues when editing information such as using the WYSIWYG editor.


Alternative Products

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

https://www.equalweb.com/

 

Last modified on 20 August 2024 by Hannah Door
Created on 10 July 2024 by Michael Christian

Was this helpful?  

Share