Mura Accessibility Plugin
The Mura Accessibility Plugin makes it easy to ensure that your content is compliant with WCAG 2.0 AA requirements for making a website accessible to assistive technologies. For technical details on this plugin, please refer to the Mura Accessibility page.
There are 2 ways to use the plugin:
- on the back-end administrative interface
- on the front-end editing interface
Back-end Administrative Interface
The back-end administrative interface allows you to do a full-site scan from a single location. To perform this scan...
- Ensure you are logged into the back-end administrative interface by navigating to the homepage of your site and adding: /admin to the the end of the URL. If you're not currently logged in, login using your username and password.
- Once logged in, hover over the "Plug" icon in the toolbar on the left and select "Mura Accessibility" in plugins
- The interface consists of 2 buttons and 4 labels:
- Start checking the site button - clicking this will start the scan of the website
- Stop button - clicking this will stop the scan of the website
- Number of documents checked - this will show the number of documents checked out of the total number of documents as the scan is running
- Total number of violations - this will display the number of violations on the website
- Testing URL - this will display the URL of the current page being tested
- Violations - if any violations are found, a listing will be displayed here. This listing will include a link to the page with the violation, a link explaining the importance of the violation and how to fix it, and the violation itself
- When violations are found, the list will look similar to:
Clicking the link labeled "1" will take you to the page with the violation(s). Clicking the link labeled "2" will take you to a page explaining the issue and how to fix it. The text labeled as 3 is the violation itself.
- Fixing these issues will ensure that your website is compliant with WCAG 2.0 AA requirements. Once the issues have been fixed, re-run the scanner to ensure that no outstanding problems exist.
Front-End Editing Interface
The front-end editing interface allows you to do an individual page scan on the current page that you're looking at. To perform this scan...
- Ensure you are logged into the front-end editing interface. You can do this by pressing "ESC + L" on your keyboard on any page of your site. This key combination will present you with the front-end login screen. Login with your username and password. Once logged in, you should have the editor toolbar at the top of the screen.
- Navigate to the page you would like to check for accessibility.
- If a page has no issues, you should see a green checkmark in the top right corner of the page.
If the page is found to have errors on it, you will instead see a yellow circle with a red number inside of it. The red number indicates the number of issues found on that page.
- If issues are found, click the circle with the number to display the issues on that page.
Clicking the title of the issue will take you to a page explaining how to fix the issue identified. Clicking the issue itself will scroll you to the area of the page where the issue was found. In some instances, the problematic area will be highlighted in red.
- Fixing these issues will ensure that your website is compliant with WCAG 2.0 AA requirements. Once the issues have been fixed and the page has been published, a green checkmark should display in the top right corner of the page.