Accessibility Testing Tools

What is Siteimprove?

Siteimprove is an automated tool used by Arts & Sciences that regularly crawls the department and center websites to monitor for several different types of problems and alerts site maintainers if any are found. It can provide information on analytics (page views, visitors, and traffic sources), quality assurance (broken links, misspellings), and accessibility (the ease with which a person with disabilities can access your site). Automated tools like Siteimprove can be set up to quickly analyze the code of many pages for certain issues and then generate a report. While this is quicker than manually checking a page or entire site, it can't tell you if the font is legible, the alt text is accurate, or headings make sense. Automatic tests save time and should be done regularly, but can't completely replace manual testing.

Getting Started with Siteimprove

Since you don't use your WUSTL Key to sign in to Siteimprove, you will first need an account made. If you need to request a new account or have your existing password reset, contact Amy Baker at amybaker@wustl.edu.

  1. Go to https://siteimprove.com/en-us/
  2. Select the login link.
  3. Login with your login name and the password you received by email from Siteimprove. Siteimprove login does not use your wustl key.
  4. From the list of available sites, select your department site.
  5. In the top left-hand corner is a dropdown with available categories: Quality Assurance, Accessibility, Analytics, Policy, Reports and Settings. Select the appropriate category.  

Please remember that to use the CMS feature of Siteimprove that helps you to link directly to your errors, you must also be signed into your department site on the same browser.

We currently offer a self-paced Siteimprove course in Canvas. If you would like to sign up for the course, please contact Amy Baker at amybaker@wustl.edu.
 

More How-to Information

Quality Assurance: Broken Links & Misspellings The Quality Assurance module helps you to monitor and fix issues with content quality, content freshness, security, and user experience. This includes fixing broken links and correcting misspellings.

Making Policies Policies can help you flag outdated content, enforce style guides, and help with mass updates.

Analytics: Filters, Internal Search and Behavior Maps

Currently, department analytics are gathered through the main Artsci site since it is the 'parent' site. The example below is using the Physics site, but it works the same way in all of the department sites! 

When you go to the Analytics tab, there are two dropdowns at the top of the page. The first one should be populated with Arts & Sciences and the second one is where you will pull up your department. Once you have done this, click on the 'analytics overview' tab in the menu on the left and it will pull up this view: 

Web Accessibility Checklist

When doing a manual accessibility check of your website, use our quick checklist list to help ensure your content is accessible to people of all abilities

view accessibility checklist

Manual Accessibility Tests

Color Contrast Check

Users with visual disabilities must be able to properly see content on a page. This includes using an acceptable text to background color ratio and a large enough starting font size. There are several free color contrast checkers online:


Keyboard Testing

All web content should be accessible without the user needing to use a mouse. You can perform a keyboard access test yourself by using the Tab, Escape, Return/Enter, and arrow keys, as well as the space bar, on any keyboard. You should be able to access and operate all interactive elements and no elements should trap the cursor without an obvious way to exit or close the element.
 

Mobile View 

Make sure that you look at your website on your mobile device. All content should be visible without using horizontal scrollbars and users should be able to tap with one finger to navigate even if other methods (shake, pinch, etc) are available. Both Android and Apple mobile platforms have their own accessibility technology that can assist with accessibility testing. Some of them include:

  • screen readers
  • display controls for font size, magnification, and color contrast options
  • interaction controls that allow you to control your device with spoken commands or switch access
  • caption preferences, live captioning services, sound amplifiers, or hearing aid support


Video and Audio Check

Check all of your videos and audio to make sure that the captions are working properly and that the transcripts are accurate and contain all of the necessary information. 


Other Tools

  • Operating system settings can be configured to assess specific accessibility barriers, for example Windows High Contrast Mode.
  • On Mac OSX and iOS you also have a very powerful screen reader, VoiceOver, which can be used for specific accessibility checks.