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 highlights the elements with the error and description.

Now, we can see that the Accessibility checker option 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 new accessibility checker does have the privilege to switch between the number of issues in the editor. The accessibility checker tray itself provides an arrow key to navigate among the issues and it will also show the user the severity of the accessibility issue for the particular elements. The severity will be based on Critical, Serious, Moderate, and Minor issues and will also 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:

If the user fixes all the accessibility checker issues on the page, then the first issue will have the below message on the accessibility checker tray: