Mura Accessibility Plugin

  • Accessibility

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

  1. 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.
     
  2. Once logged in, hover over the "Plug" icon in the toolbar on the left and select "Mura Accessibility" in plugins
    accessibility plugin screenshot
     
  3. The interface consists of 2 buttons and 4 labels:Accessibility plugin interface
    • 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
       
  4. When violations are found, the list will look similar to:
    listing of accessibility issues. The link labeled as one will take you to the page with the issue. Clicking the link labeled 2 will tell you how to fix the issue. The text labeled as 3 is the violation itself.
    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. 
     
  5. 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...

  1. 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.
     
  2. Navigate to the page you would like to check for accessibility.
     
  3. If a page has no issues, you should see a green checkmark in the top right corner of the page.
    green checkmark

    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.
    number indicating the number of issues on the current page
     
  4. If issues are found, click the circle with the number to display the issues on that page.
    Listing of accessibility issues
    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.
     
  5. 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.