1. Introduction

When you start the EASI tool for the first time, it will display to you the start page shown in the following screenshot. Click on the link "Go to workbench" in the upper left of that intro page to skip this intro page. From the "EASI" main menu choose "Perspectives --> Web Expert Evaluator" to open the perspective for the Web Expert Evaluator / Web Accessibility Expert 

2. Performing an automatic test for a set of web pages

  1. From the main menu you can select the dialog for opening a new web page with the build-in web browser. After entering the URL in that dialog a browser window will be opened inside the EASI tool displaying the requested web page.
  2. In the toolbar of that browser window you have the possibility to add the current web page to the test sample.
  3. This way you can browse the web site in the browser and add single web pages to the test sample.
  4. Alternatively you can add URLs manually by using the provided text field inside the "Test sample" view.
  5. When you are finished with the test sample generation you need to specify the tests that should be performed on the web pages in the test sample. These tests include:
    • Tests grouped by the type of content they apply to, e.g. all tests related to forms, to images, to tables, to links and so on.
    • Tests related to search engine optimization.
    • Tests implementing WCAG 2.0 (Web Content Accessibility Guidelines 2.0).
  6. The evaluation can be started by clicking the button "Validate selected".
  7. When the evaluation is finished the test results are displayed in a separate view at the bottom of the perspective. This view shows the results grouped by web page. That means for every tested web page there is a list of test results. Each test result contains information about the outcome of the test (passed, failed, cannot be tested automatically or not applicable) and a detailed message that explains the purpose of the test.
  8. Clicking on a single result will open the related web page in the current browser window and highlight the element related to the evaluation result.

3. Inspect the structure of a web page

  1. At the bottom of the "Web Expert Evaluator" perspective you find a view called "Structure" that provides different information about the structure of the web page. This includes lists of all the headings, links, images, forms and more. These lists can help the user to find accessibility problems. When the user clicks on an element in the list, it also highlights the related HTML element in the browser window.
  2. For example the user can use the list for images, which provides her with the alternative text for each image and also with a preview of the image. As you can see in the screenshot this preview helps in such cases, where the image on the web page is partially hidden (as in the carousel component in the example) or not displayed at all. Furthermore the user can use filters to further reduce the number of images in the table, for example she could choose to only list those images that do not have any alternative text.
  3. The list of headings can be helpful to find problems related to the heading hierarchy in a web page.
  4. The list of links can be used to examine the meaningfulness of link texts.
  5. All the lists allow the user to change web page elements on the fly, for example it is possible to change the link text by using the list of links, as you can see in the following screenshot, where the two links "Highest Rated" and "Action" have been changed to "Highest Rated Movies" and "Action Movies". In the example it turns out, that the layout of the web page does not show all of the text "Highest Rated Movies" in the navigation. This is only one example where the user could directly see how a change would be reflected on the web page.