Skip to content

accessibility-testing.md

Latest commit

 

History

History
119 lines (72 loc) · 5.17 KB

accessibility-testing.md

File metadata and controls

119 lines (72 loc) · 5.17 KB
Raw
title Accessibility Testing for Web Applications
page_title Accessibility Testing
metadesc Learn how to implement and manage accessibility testing in Testsigma. Accessibility testing ensures your websites & apps comply with accessibility guidelines
noindex false
order 27.1
page_id Accessibility Testing
warning false
contextual_links
type name
section
Contents
type name url
link
Prerequisites
#prerequisites
type name url
link
Steps to Enable Accessibility Testing in Test Plans
#steps-to-enable-accessibility-testing-in-test-plans
type name url
link
Interacting with Accessibility Report
#interacting-with-accessibility-report

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 begin, ensure that you have referred to the documentation for creating test plan, test suite, and test machine in Testsigma.

Steps to Enable Accessibility Testing in Test Plans

  1. While creating a test plan, turn on the Accessibility Testing toggle in Additional Settings. Additional Settings

  2. To execute the test plan, click the Run Now button. Run Test Plan

  3. Once the test plan execution is complete, click View Reports for that test plan. View Report

  4. On the report page, click View Report in the bottom corner to open a detailed accessibility testing report. View Accessibility Report

Interacting with Accessibility Report

Top Bar

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

URL Dropdown

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

    [[info | 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

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/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.

[[info | NOTE:]] | The issues are color-coded with labels to indicate their severity level. You can also filter the issues based on severity and category.

Issue Navigation Panel

Issue Navigation

  • 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.

Accessibility Testing