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 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!