Forms assisted test

Identify accessibility issues in forms on your web pages.

Forms are components of websites that allow users to input data in a structured format. Forms often present accessibility challenges for people with disabilities, such as those using screen readers, keyboard navigation, or other assistive technologies.

A forms assisted test in Accessibility Testing is a specialized check that helps identify and resolve accessibility issues within web forms.

Steps to run and review a forms assisted test

To run and review a forms assisted test, follow these steps:

1. Launch BrowserStack Accessibility Toolkit.
2. In the Assisted Test tile, click WCAG 2.1 AA, the default accessibility standard, to open settings.
   
3. Select the accessibility standard among WCAG guidelines or RGAA guidelines. You can also enable or disable advanced settings.
   
4. Click Back.
5. Click more to view all types of assisted tests.

6. Select Forms and click Start test.
   

   The extension automatically detects any forms available on the webpage. Select the form you want to test. In case your form is not detected, you can choose the option My form is not listed and select your form manually.

7. Click Next. Select the type of form from the listed options. You can select more than one option, in case the form serves multiple purposes.
8. Click Next. When prompted, select the fields that you want to test.
9. Click Next. When prompted, select the groups that the fields must exist in. A group of fields could pertain to a group of radioboxes, checkboxes, or a group of related fields (e.g. fields like area, city, etc. in an address). Refer to this detailed guide by WAI for more information on grouping controls.
10. Click Next. When prompted, choose from the options to answer questions on the labels used in the field. Use the navigation buttons to browse through all the questions.
11. Click Next. When prompted, choose from the options to answer questions on the error handling used in the field. Use the navigation buttons to browse through all the questions.
12. Click Next. When prompted, choose from the options to answer questions on group-level labels and error handling. Use the navigation buttons to browse through all the questions.
13. Click Next. When prompted, choose from the options to answer questions on individual fields inside of groups for labels and error handling. Use the navigation buttons to browse through all the questions.
14. Click Next. When prompted, choose whether there is an option in the form to confirm the data provided.
15. Click Next. All accessibility issues detected on the website are listed.
16. Click a component to know more about the issue and ways to resolve.
17. Click Save and end test.
18. Give the report a name and click Save.
19. Review the detailed test reports in the Accessibility Testing Dashboard. You can share the report link or download the report as a CSV file from the dashboard.

Next step

• View rules for Assisted Tests.