Interactive Elements Intelligent Guided Test

Link to Interactive Elements Intelligent Guided Test copied to clipboard

The Interactive Elements IGT is the first IGT where we introduce the concept of testing multiple states without having to rerun the IGTs. An interactive element is simply anything that the user interacts with on the web page like buttons, links, inputs, menus, etc.

How it works

The first thing you will have to do is put the page in the state you want to test. After that a few simple questions will guide you through the accessibility tests required for each of the interactive elements on the page.

The Interactive Elements IGT captures screenshots of each interactive element. While screenshots are being captured, please do not scroll or interact with the page. Click "START" when you are ready to perform the test.

Step 1: Missing

First, the IGT will scan the page to find all of the interactive elements. If Machine Learning is enabled (see settings page), it will detect any elements not marked up with interactive attributes (roles, tab index, etc) that may in fact be interactive.

On this first question, you are asked to select any interactive elements that were missed. If nothing is missing, simply click "NEXT".

Next, you can choose which element you would like to test. By default, these elements are grouped "intelligently" using our algorithm to group similar elements. However, you can choose to group them by role or have them presented with no grouping at all using the "Group by" control.

Step 2: Accuracy

For the elements you choose to test, you will be asked to verify the Accessible Name, Role and State of the element. The Accessible Name is used to convey the purpose of the interactive elements such as a label on a form field. The Role indicates what control the user is interacting with (button, tab, link etc.). The State tells the user using assistive technology what is the current state of the control (such as selected/unselected, checked/unchecked).

Accessible Name

You will be asked to confirm the Accessible Name accurately describes the interactive elements purpose.


Next, if the IGT is able to detect the role, it will be pre-selected. You can override the default selection if the role is different than what is detected from a dropdown of available roles.


Similarly, the IGT will display pre-selected states. For elements where a state is not relevant, leave the state as "Not Applicable". After you have confirmed the Accessible name, role and the state being properly conveyed, you can test another state of the same element! Go ahead and put the Interactive Element in the additional state you'd like to test (such as checking a checkbox, selecting a tab etc.). Once you are ready, click "CHECK ELEMENT'S STATE". The IGT will detect the new state and you can confirm whether the state is being correctly conveyed. This will be repeated for all elements you selected for testing. Once you are done testing all the selected elements and their states you wish to test, select "NEXT".

What it tests for

The Interactive Elements IGT tests for:

  • Valid accessible names
  • Valid Roles
  • Valid States