Submit a ticket My Tickets
Welcome
Login  Sign up
Open navigation

How to Enhance the Accessibility of your School (accessiBe and More)

Availability
Starter
Pro Trainer
Learning Center
High Volume & Corporate

Accessibility is crucial for ensuring that all users, regardless of their abilities, can interact with and benefit from online content. This feature makes your online school inclusive and compliant with legal requirements, enhancing the overall user experience. Accessible websites serve a broader audience and improve search engine optimization and user satisfaction.


In this article, we will explore how to set up and integrate accessiBe with LearnWorlds. Additionally, we will discuss various methods to enhance the accessibility of your LearnWorlds school using both external tools and built-in features.


AccessiBe is a web accessibility solution that provides various features to make websites compliant with accessibility standards such as the Americans with Disabilities Act (ADA) and Web Content Accessibility Guidelines (WCAG). Here's a list of what is available with accessiBe integration:


Available options
Seizure Safe profile
Keyboard Navigation Adjustments
Blind Users (Screen Reader)
Content Adjustments, e.g. Content Scaling, Highlight Links, Text Magnifier, Font Size and Spacing Adjustments, Font Size, and Spacing Adjustments
Color Adjustments, e.g. Dark/Light/High Contrast
Orientation Adjustments e.g. Mute sound, Big Cursors, Stop Animations


User Experience

Below, you can explore some use cases to see how this feature appears to users and how it can assist them.


 a. ADHD Friendly Profile: By enabling this option, distractions are reduced, making navigation easier and allowing users to read and focus on pages more effectively

b. Color and Content Adjustments: Users can choose to use a text magnifier, highlight text, or change the page contrast based on their needs.

Please note that there are certain aspects of your school's content that this tool cannot modify. For instance, if you are using presentations or videos that contain flashing images, the system will not be able to apply changes to those elements.

Create an accessiBe Account

1. You need to create an accessiBe Account. Go to the accessiBe website and sign up for an account or sign in if you already have one. 

2. From the accessiBe dashboard, select My Licenses+Add New Websites

3. Enter the URL of your LearnWorlds school and configure the settings as required. 

4. Copy the generated accessiBe installation code.


You can also locate that code directly from the Installation Tab. Click the Copy to Clipboard button.


This article contains affiliate links to accessiBe, through which we may receive an affiliate commission for any purchase you make on their website.

Integrate accessiBe with Your LearnWorlds School

1. Log in to your LearnWorlds admin dashboard.

2. Navigate to Settings Integrations Accessibility.

3. Activate the integration and paste the accessiBe installation code into the appropriate field.

4. Click on the Save button to complete the integration.

In case you wish to hide the widget button click on the Hide interface option.

Integrating with an External Tool

You can also use other external tools to help your school and your courses' content be usable by people with disabilities of various types (vision, hearing, etc.). Αutomated accessibility tools alone do not make your school 100% accessible. 


In general, accessibility tools can assist with the following:

  • Text contrast: Ratio between text or images and background color.
  • Dynamic font size: Option for users to increase the font size to fit their needs.
  • Alternative texts: Text inserted on images to describe it in a written form.
  • Keyboard navigation: Navigate the user interface without using a mouse.
  • Screen reader: Converts text, buttons, images, and other screen elements into speech.


Integrate External Accessibility tools

To utilize an accessibility tool, you can opt for one of the listed apps or select any other app that meets your needs.

To begin integrating a third-party tool into your school's custom code, develop the code within the external tool. Then, refer to the support articles provided by the tool to determine where in your school's HTML it should be inserted. For detailed instructions, refer to this article.


  • We recommend you create a page with instructions on how users who want to use the integrated Accessibility tools can enable those features (e.g., you could add instructions such as "Select "Yes" when asked if you will be using a screen reader).
  • For any additional resources and guidelines, you can visit this link, which includes a 13-day training schedule. 

Utilizing built-in features

1. Alt Text: You can use the built-in setting "Alternative-text" property, which can be allocated in all our available Image Widgets. Note that some images may have in the HTML structure the role="img" and aria-label ="alt-value" attributes because, by infrastructure, they are not image elements. However, the aria label does not affect SEO, as it exists only for accessibility reasons.

For alternative texts that can be inserted into an ebook's image, you can contact us at support@learnworlds.com for further assistance. 


2. Alternative files: All "non-text" content can include a text alternative to facilitate its accessibility. More specifically, for audio learning activities, you can add a digital download with their transcript. Otherwise, you can embed the audio file in an ebook by selecting the "Embed" template and then adding a "Text" template to provide the relevant context there. 


3. Transcripts and Captions: For video learning activities, you can use our Transcript service and enable the captions feature. Otherwise, you can manually add subtitles to a video with external video software and upload it to your course as a whole. 


4. Accessible Course Structure: Use clear headings, lists, and consistent navigation to make the course content easy to follow.

Best Practices for Accessibility

Consistent Layout: Maintain a consistent layout and design across all pages.

Readable Fonts: Use legible fonts and adequate font sizes.

Descriptive Links: Ensure that all hyperlinks have meaningful descriptions, rather than generic text like "click here."

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.