Web Accessibility - AMP - Installing the Accessibility Management Platform (AMP) Firefox Toolbar

How to install the Accessibility Management Platform (AMP) Firefox Toolbar.

The AMP Toolbar for Firefox can be used to test single pages inaccessible from the outside world, as well as those behind security.

Installing the add-on

In order to get started with the toolbar you will require:

  1. Firefox - https://www.mozilla.org/en-US/firefox/new/
  2. Firebug - https://getfirebug.com/
  3. A login to the AMP website

The easiest way to install the toolbar is to log into the AMP website with Firefox, and select Toolbox from the top navigation.

Next to the AMP Toolbar for Firefox should be an Install button.

Firefox Toolbar install link.

You may be prompted to allow the site to install the add-on, so select Allow to continue, and then Install after the option is enabled.

Dialogue box: Firefox prevented this site (wiscssbbartgroup.com) from asking you to install software on your computer. Click 'allow' to receive install request.

Image of Software Installation Dialogue box: Install add-ons only from authors whom you trust. You have asked to install the following item: AMP Accessibility Toolbar.

After installing the add-on and restarting, you may be redirected to the general AMP website either immediately, or after opening Firebug and switching over to the AMP toolbar. For now, ignore that, and open Firebug.

Next select the AMP toolbar, and then click on Manage Connections.

Image of AMP toolbar with menu options: 'Manage connections,' 'Preview modes,' 'Stay open for all pages,' 'AMP toolbar help,' and 'About.' Click the 'Manage Connections' menu item.

By default the AMP toolbar will point to the general AMP login. We need to create a new connection to the university’s site.

In the Host Name field enter wisc.ssbbartgroup.com, and then click on Add Connection.

Image of ‘Manage Connections’ interface. In the Host Name field enter ‘wisc.ssbbartgroup.com,’ and then click on ‘Add Connection.’

Once you’ve created the new connection you can delete the amp.ssbbartgroup.com connection by clicking the “X” to the right of the amp.ssbbartgroup.com host name. Then click + Set Active Connection for the wisc.ssbbartgroup.com host name to populate as the default.

Image of the ‘Manage Connections’ interface showing both the amp.ssbbartgroup.com and wisc.ssbbartgroup.com host names populated.

Image of the ‘Manage Connections’ interface showing only the wisc.ssbbartgroup.com host name populated.

If you are logged in to the university’s instance of AMP, you should be logged into the AMP Toolbar.

Image of AMP Toolbar installed with 'You are logged into wisc.ssbbartgroup.com as NetID email address.'

Testing a page

With the AMP Toolbar for Firefox now installed, you can now test individual pages on your sites. Tests are associated with a report, and require a report to be set up on the AMP website first, or for you. Testing a page with AMP Toolbar is a two-step process: (1) setting up a report on the AMP website at wisc.ssbbartgroup.com and (2) opening a page in the AMP Toolbar and clicking Test Page.

You can create a new report on the AMP website by clicking Dashboard > Projects > accountname to find and open a project that you have access to, and using the Create Report option under Project Reports.

Image of ‘Create Report’ link on the ‘Project Reports’ screen.

Tip: If you’ve created a report after loading the AMP Toolbar, clicking on the Test Page button will refresh the listing of available reports.

The test page will automatically be populated with information from the current page, with the following defaults:

  • Module Name: Title of the page.
  • Module Location: Current URL.

Image of ‘Test Page’ form. Use this form to test a given module against the AMP accessibility guidelines. Enter ‘Module Name,’ ‘Module Location,’ and select a report. Click Submit to run the test.

Note that the tool will automatically update any existing results with that Module Location. If you wish to keep the previous test, do as the page suggests and add something to the URL to make it unique.

After you click the Submit button the test will run, and, when finished, will show a listing of available items to review. Items will only display if there is something to review.

Image of the Firefox Toolbar test results. All flagged and errored web elements are nested in folders labeled by web element type. Explore the folders to view the error flags and fix notes.

The report on the website will also be updated, and this same information can be accessed there.

To view this information on the site:

  1. Select the Report that you saved the test to.
  2. Under Modules, select Report Modules.
    Image of report with screenshot of webpage tested. There is a selection checkbox to the left of the report and an information arrow under Manual Testing to the right of the report. Click the Manual Testing arrow to see the same flags shown in the Firefox Toolbar.
  3. Click on the small arrow under Manual Testing to see the same information the add-on supplies

As with the AMP Toolbar, manual tests (denoted by a question mark) can be updated, flagged, or marked as passing.

Note that manual testing will not update the percentage until the entire module (page) has been updated.

For more information, check out SSB Bart Group's AMP Toolbars.

Keywords:web, accessibility, accessibility testing, amp, accessibility management platform, ssb bart group, Firefox Toolbar, Firefox, Toolbar, plugin, plug-in, firefox plugin, firefox plug-in   Doc ID:50797
Owner:Sandi A.Group:Accessibility
Created:2015-04-23 12:23 CDTUpdated:2015-09-25 15:00 CDT
Sites:Accessibility, DoIT Help Desk, Wisconsin School of Business
Feedback:  4   0