1. Loree Design
  2. Feature and Functionality

Where and How to use Loree's in-build accessibility checker?

This article provides guidance on using Loree's accessibility checker effectively. Learn where and how to access its features, ensuring your content meets accessibility standards and promotes inclusivity.

Accessibility Checker

The Loree Editor offers an Accessibility Checker option that allows users to check for any accessibility issues on a page after it has been created. This helpful tool scans the HTML and identifies elements that have errors or descriptions, making it easier to ensure that the page is accessible for your learners.



You can find the accessibility checker in the top right-hand side of the Loree editing screen, specifically in the Black Header. This convenient feature allows you to easily locate any accessibility issues on your page, ensuring that it is accessible for all learners.


The Accessibility Checker in Loree is designed to automatically run each time you save a page. It diligently scans for any accessibility issues and promptly flags them for your attention. Remember to save your pages as you build them to ensure a smooth and accessible experience for all learners.


By clicking on the Check Accessibility button located in the top right corner, a list of improvements needed for the page will be displayed. This convenient feature enables users to easily review and resolve any identified issues without having to leave the accessibility checker.


Depending on the problem, the accessibility tray might offer you convenient solutions that allow you to quickly resolve the issue without any delay.


The accessibility checker adjusts its display based on the user's device. On large screens, it opens on the right side, while on smaller screens it is located at the bottom and includes a separate scroll bar.

Accessibility checker to the right of the screen

The accessibility checker tray includes an arrow key that allows users to navigate through the identified issues. It also displays the severity of each accessibility issue, categorizing them as Critical, Serious, Moderate, or Minor. In addition, the tray provides detailed information about each issue and may offers a quick fix option within the checker itself.


Furthermore, users can simply click on the colored dot in the editor to instantly navigate to the specific issue that needs attention. Once the issue has been resolved, the severity color that was tagged in the editor will automatically be removed, providing a clear indication that the accessibility problem has been successfully addressed.


The accessibility checker provides guidance on identifying the issue and provides instructions for resolving it. Additionally, you can use the re-check button on the checker to review the issues again without the need to navigate back to the editor.

As you focus on resolving a specific issue, the Loree editor will highlight it in a colored box according to its severity level, as indicated below.


accessibility severity level

If there are no accessibility issues with the page content, a message will be displayed indicating that the page is accessible.

accessibility checker no issues

Before publishing your page to students, it is crucial to thoroughly check for any accessibility issues and address them accordingly. By doing so, you can ensure that your page meets industry standards and delivers the best possible learning experience for all your students.