Slack
15 min read

Automated Accessibility Testing at Slack

Read Full Article

Summary

The article outlines Slack's approach to enhancing accessibility through automated testing, emphasizing the importance of integrating accessibility checks within the existing testing frameworks. It details the challenges faced when embedding Axe into Playwright, including issues with the Locator object and the need for customized solutions. The article also discusses the process of setting up accessibility checks, reporting violations, and ensuring that developers can efficiently manage and triage accessibility issues within their workflows.

Key Learnings

  • 1Integrating automated accessibility checks into existing testing frameworks can streamline the development process but may require significant customization to address framework-specific challenges.
  • 2The choice of testing framework (Playwright vs. Jest) can impact the implementation of accessibility checks, necessitating a thorough evaluation of each framework's capabilities and limitations.
  • 3Automated tools like Axe can help identify accessibility violations, but human judgment is essential for nuanced issues that tools may overlook.
  • 4Establishing a clear process for triaging and managing accessibility violations is crucial for maintaining compliance and improving overall product accessibility.

Who Should Read This

Senior Frontend Engineers implementing automated accessibility testing in complex web applications

Test Your Knowledge

?

What are the trade-offs of integrating accessibility checks directly into Playwright's interaction methods versus running them as separate tests?

?

How does the Locator object in Playwright complicate the timing of accessibility checks, and what solutions were explored to address this?

?

What specific challenges did Slack encounter when attempting to embed Axe checks into their Jest setup?

?

Why is it important to involve users with disabilities early in the design process, and how does this complement automated testing?

?

What strategies did Slack implement to ensure that accessibility violations are effectively reported and triaged?

Topics

Read Full Article at Slack