Accessibility Testing for Web Applications

With Testsigma, you can easily implement accessibility testing to comply with accessibility guidelines. This helps you test and monitor the accessibility of your websites to enhance the user experience for people with disabilities. This article discusses how to perform Accessibility Testing for web applications in Testsigma.

Prerequisites

Before you proceed, ensure you understand the concepts of creating a Test Plan, Test Suite, and Test Machine.

Steps to Enable Accessibility Testing in Test Plans

1. While creating a test plan, turn on the Accessibility Testing toggle in Additional Settings.
2. To execute the test plan, click the Run Now button.
3. Once the test plan execution is complete, click View Reports for that test plan.
4. On the report page, click View Report in the bottom corner to open a detailed accessibility testing report.

Interacting with Accessibility Report

Top Bar

• Title: Displays the title of the report (e.g., Accessibility Demo).
• Run Information: Indicates the specific test run ID (e.g., Run - 45).
• Compliance Standard: Shows the accessibility standards considered for the test (Here, we have used WCAG 2.1 AA).

Test URL Dropdown

• This dropdown helps you filter the report by specific URLs that have tested for accessibility compliance.

  NOTE:

  By default, all URLs are selected, but you can choose a specific URL from the dropdown to focus on issues with one URL at a time.

Issue Overview

• Total Issues: The Donut Chart displays the total number of issues detected during the test. Depending on severity, issues are categorized as Critical, Serious, Moderate, and Minor.
• Issues by Category: This categorization provides users insights into specific accessibility challenges that were identified with a horizontal progress bar showing the number of issues under that category.

Violations/Review Tabs

• Violations: This lists all accessibility issues that need immediate action.
• Review Required: This lists all accessibility issues that need manual review. Although Testsigma has identified these issues, we recommend a closer review for accuracy.

Issue Navigation Panel

• Pagination Controls: Provides navigation between the individual issues of specific issues selected under Violations and Review Tabs.
• Next/Previous Buttons: Allows users to scroll through the list of identified issues.
• Issue Details: This section briefly explains the detected issue with the affected URL, page, element details, and screenshots.

Here's a quick GIF demonstrating how to enable the Accessibility Testing in Testsigma.