Accessibility Checker

The Accessibility Checker feature is provided inside Loree Editor to check if there are any accessibility issues on the page, once the page is created. It checks the HTML and highlights the elements with the error and description.

Accessibility Checker is working based on the WCAG guideline 
Loree  Accessibility Checker following Level AA rules

Now, we can see that the Accessibility Checker feature displays the total number of accessibility issues like a notification on the accessibility icon when we click on the save to LMS option. Click on the Check Accessibility button in the top right corner; it will show the list of improvements that need to be done for the template. This allows the user to go through all the discovered issues and fix them without leaving the accessibility checker, and it also provides some quick fixes in the accessibility tray itself.

The accessibility checker tray will be responsive based on the device of the user. For large resolution screens like Desktop and Laptops, the Accessibility checker will open on the right side section of the screen, and for small screen resolutions like Tablet, Mobile, the Accessibility checker will be at the bottom of the editor and will also have a separate scroll bar in the checker.

The accessibility checker tray includes an arrow key for navigation and indicates issue severity levels: Critical, Serious, Moderate, and Minor, helping users prioritize fixes accordingly.

Quick fix : 
The accessibility checker have the details of the issues  and an option to fix them as a quick fix in the checker itself. We can also click on the colored dot in the editor to move to that particular issue. Once the issue is fixed, the severity color tagged in the editor will be removed. We can update the quick fix and click on the apply button to make the required changes. There is also a re-check button on the checker to check for the issues again without going back to the editor.

When you are working on a particular issue, it will be shown in a colored box based on the severity of the Loree editor, as marked below:

If there are any issues that cannot be fixed as a quick fix in the accessibility checker, those issues can be fixed in the Loree editor directly and the instructions to fix the issue will be provided in the accessibility checker tray.

If the page content has no accessibility issues, it will show the below message:

---

Thank You

• Related Articles

• 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 ...

• How do I check for accessibility?

  Learn the use of our Accessibility Checker here. Accessibility Checker The Accessibility Checker option is provided inside Loree Editor to check if there are any accessibility issues on the page, once the page is created. It checks the HTML and ...

• Release notes for Loree - Canvas A2202.6

  Loree Edit Interactive Modal Header Name Inconsistency As a Loree user, When we add an Interactive and click on the Edit option Edit Interactive modal pops up but the name in the heading is incorrect and reflects as Edit edit. This issue is now ...

• Release notes for Loree - Canvas A2202.7

  Loree Issues While Updating External Link to Text As a Loree usaer, When we click on any text in the editor we get text editing options. When we try to link the text with an external link we get a window where we can type the link. But as soon as we ...

• Release notes for Loree A2104.1

  Loree Issue fixed in Loree editor Fetching all templates, rows, and elements in the admin dashboard As a Loree user, When we fetch the templates, rows, and elements in the admin dashboard all the templates, rows, and elements are not fetched because ...