Custom dashboards for Accessibility Testing

Create a consolidated view of accessibility health and trends of your digital assets by collating information from accessibility tests run across multiple BrowserStack accessibility testing products.

Custom dashboards help you get an idea about the overall accessibility health of your digital assets without browsing through multiple dashboards. Using custom dashboards, you can also track the trend of how accessibility health has been improving or depleting on your assets.

Why use custom dashboards?

You can consolidate results from Workflow Scanner, Website Scanner, Automated Tests, and Assisted Tests using custom dashboards.

Custom dashboards built for specific purposes improve decision‑making by providing an easy-to-understand representation of accessibility on your webpages. The following are a few benefits of using custom dashboards in Accessibility Testing:

• Highlight emerging risk (spikes in critical violations) before release cutoffs.
• Track progress toward WCAG conformance targets and internal SLAs.
• Identify pages that are most affected.
• Provide leadership and stakeholders with an at‑a‑glance health summary without digging into raw scan results.

Create a custom dashboard

You can create a custom dashboard in a few steps:

1. As custom dashboards is currently in Beta, you need to request access. Navigate to Accessibility Testing → Custom Dashboards → Request Access.
2. After your access is approved, you can navigate to Accessibility Testing → Custom Dashboards → Create dashboard.
3. Enter a Dashboard name that clearly states the dashboard’s purpose (for example, “Mobile App Critical A11y Health”).
4. Select a Time Frame.
5. You can select tests from the scan list. To select tests, you can use filters like Test type (Automated Tests, Website Scan, Workflow Scan, and Assisted Test.), User, Team, WCAG Version, Advanced Scan Setting, and Needs Review Setting.
   
   
6. The tests are populated in the window. For Website Scanner tests and Automated tests that are recurring, only the latest run is listed. If needed, you can click View against any test to view it in detail.
7. Select the tests that you want to include in your custom dashboard.
8. Click Create Dashboard.

Your dashboard is available under the Dashboards list and starts populating with current scan data.

Create a seven-day view of your activity

You can start using custom dashboards by creating a seven-day view of your accessibility tests in one click.

1. Navigate to Accessibility Testing.
2. Click Custom Dashboards.
3. Click Create a 7-day view of my activity.
   
   

A dashboard with the accessibility tests run in the last 7 days is created.

View custom dashboards

Custom dashboards are read-only. You cannot make any changes to the values in your custom dashboards.

Custom dashboards visualizes information under two distinct tabs:

• Overview
• Trends

Overview tab in a custom dashboard

The overview tab lists a collection of widgets that provide aggregated details about the tests that you have included in the dashboard.

The following widgets are present.

• Dashboard Accessibility Score: Presents an overall accessibility score of the digital asset selected during creation of dashboard. You can view a detailed list of passed and failed rule instances according to their severity. Note that if the same rule is violated at many instances, each violation is counted separately. You can click on a severity level to view the list of violations and dive deeper.
  

• Issue Summary: Lists the number of de-duplicated issues detected according to their severity level. It helps you focus on more serious issues first. You can click on a severity level to view the list of violations and dive deeper.
  

• Page Summary: Provides a page-wise view of accessibility health for the digital assets selected during creation of dashboard. Using this widget, you can find the pages that are most affected i.e. have higher accessibility issues, and focus on fixing them first. You can click a page to view the list of violations and dive deeper.
  

• Conformance Summary: Gives an overview about the success criteria met and violated, according to various standards like WCAG 2.1 AA, Section 508, ADA, EAA, and more. You can click on a success criterion to deep dive into the list of issues found.
  

• Testing Activity: Lists all the tests that were used to create the custom dashboard.
  

Trends tab in a custom dashboard

The trends tab helps you monitor the accessibility health of the digital assets selected over time. You can track the weekly or monthly trend of the accessibility scores and issue summary.

If the trend of accessibility score is an upward graph, it means that the accessibility health of your digital assets is improving. If the trend shows a downward graph, you can focus on fixing high-severity issues so that the trend improves over time.

Similarly, the issue summary trend visualizes the trend of the number of accessibility issues detected in your tests, split across multiple severity levels. If the trend shows the number of issues reducing, it means that accessibility health of your digital health is improving. If the trend shows a downward graph, you can focus on fixing high-severity issues so that the trend improves over time.

Share a custom dashboard

You can easily share a custom dashboard using the share button on the top-right.

Delete a custom dashboard

You can delete a dashboard using the delete button on the top-right. Note that deleting a custom dashboard is a permanent action.

Troubleshooting