Accessibility Code Checker

Modified on: Tue, 5 Nov, 2024 at 3:05 AM

Note: This feature has been released in beta in November 2024

The Accessibility Code Checker is built upon our Siteimprove Accessibility engine. It's used in our Accessibility product, browser extension, and CMS plugins to ensure reliable and consistent accessibility results while building your code.

The Siteimprove Accessibility Code Checker is designed to enhance our existing suite of tools by allowing teams to test their web pages for accessibility issues directly within their development environments.

The Accessibility Code Checker will be an addition to other shift-left capabilities offered by Siteimprove, including:

Prepublish Capabilities: To test your content within the DXP before it goes live
Browser Extensions: To test individual web pages directly in your browser

New: Accessibility Code Checker

With the introduction of the Accessibility Code Checker, Siteimprove now provides a seamless integration with existing test frameworks including Selenium, Playwright, Puppeteer, and Cypress, commonly used by web developers.

Key benefits:

Immediate Insights: Developers can receive instant feedback on accessibility issues, allowing them to take immediate action
Cost Efficiency: Early detection of issues reduces the need for extensive post-deployment fixes, saving time and resources
Faster Fixes: By integrating into the development environment, the developer gets access to the Page Report with issue guidance and AI suggestions

Improved workflow, enhanced accessibility:

The Accessibility Code Checker is designed to improve workflow efficiency and ensure that web pages are accessible and compliant from the first stages of their development.

Key features:

Local terminal output: You can see the number of accessibility issues before deployment
CI/CD gatekeeping: This allows you to block inaccessible code from being added to your website
Page Report: Highlights the accessibility issues on the page, making it easy to know what to fix
Share Page Report: You can easily share the link to the Page Report insights with your coworkers
Code Examples: You can view individual code examples showing how to fix the accessibility issues
AI Remediate: Generate AI-suggested code fixes can resolve your accessibility issues
Why is this an Issue: Understand why this is an accessibility issue and how it impacts your users
Accessibility Explorer: See how your site looks to people who are color blind
Content and HTML View: Allows you to view accessibility issues in full browser view or inspect the issues in HTML

Get started today!

Did you find it helpful? Yes No