Web-specific methods and tools

Introduction #

This section describes an evaluation method for project stakeholders to test the compliance of mobile web and web content with the accessibility criteria of the Web Content Accessibility Guidelines (WCAG) version 2.1 - level AA.

The detailed description of the tests can be found in the WCAG criteria by project phase, "tests" section.

Accessibility tests must be carried out throughout the project life cycle:

  • at the start of the project, when choosing the framework, software, or package...
  • at the design phase on storyboards or prototypes
  • during development and testing
  • in production, for content sites

General method #

The approach includes 2 types of tests:

  • Technical tests that consist of inspecting the code and colour contrast.
  • Functional tests that evaluate the interface's performance with various assistive technologies to ensure that there are no blocking points in the evaluated content.

Depending on your profile, you can perform technical tests, functional tests or both, but both are necessary to test the accessibility of a website as a whole.

Method for testing the Web #

Technical evaluation #

Some of the tests can be performed automatically by tools, but the majority of them require manual check. These tests can be performed by any actor in the project (designer, developer, tester, contributor...).


Functional evaluation #

These tests can easily be performed by any project actor. Only screen readers require a learning period.

Method for testing the mobile web #

Technical evaluation #

The tests for the mobile web are identical to those performed for the web. Some of the tests can be performed from a computer using the development tools available in web browsers:

  • The Adaptive View module on Firefox
  • Device Toolbar on Chrome

Functional evaluation #

These tests must be performed on smartphones, using the screen readers available on iOS and Android.