Does it support keyboard navigation testing?

Yes, it provides code snippets to verify tab order, focus indicators, and the functionality of skip links.

How does this skill help with WCAG compliance?

It provides pre-configured Playwright scripts using axe-core to scan web pages against WCAG 2.1 Level A, AA, and AAA standards automatically.

Does automated testing catch all accessibility issues?

While highly effective, automated tools typically catch about 30-50% of issues; manual testing with screen readers and real users is still recommended for full compliance.

Can I use this in my CI/CD pipeline?

Absolutely, the skill includes documentation for integrating these tests into GitHub Actions and generating visual HTML report artifacts.

Can I test specific components instead of the whole page?

Yes, the skill includes patterns for using include and exclude methods to target specific DOM elements or skip dynamic content like third-party widgets.

Accessibility Testing with axe-core

Name: Accessibility Testing with axe-core
Author: adaptationio

byadaptationio

安全与测试

Automates accessibility audits and WCAG compliance checks using axe-core and Playwright.

关于

This skill empowers developers to integrate comprehensive accessibility testing into their web applications by combining the power of axe-core with the Playwright automation framework. It provides standardized patterns for validating WCAG 2.1 Level A, AA, and AAA compliance, testing keyboard navigation, checking color contrast ratios, and ensuring screen reader compatibility. By automating these checks within the development workflow, developers can identify and fix a significant portion of accessibility barriers early, ensuring a more inclusive user experience and facilitating legal compliance.

主要功能

Targeted accessibility scans for specific page components or elements
Comprehensive reporting in JSON and HTML formats for CI/CD integration
Keyboard navigation validation, including tab order and focus visibility
Automated WCAG 2.1 Level A, AA, and AAA compliance audits
Specialized checks for ARIA attributes, color contrast, and form labels
0 GitHub stars

使用场景

Integrating automated accessibility gates into GitHub Actions or CI/CD pipelines
Verifying that new UI components meet keyboard and screen reader standards during development
Auditing existing web applications for WCAG 2.1 compliance gaps

关于

主要功能

Targeted accessibility scans for specific page components or elements
Comprehensive reporting in JSON and HTML formats for CI/CD integration
Keyboard navigation validation, including tab order and focus visibility
Automated WCAG 2.1 Level A, AA, and AAA compliance audits
Specialized checks for ARIA attributes, color contrast, and form labels
0 GitHub stars

使用场景

Integrating automated accessibility gates into GitHub Actions or CI/CD pipelines
Verifying that new UI components meet keyboard and screen reader standards during development
Auditing existing web applications for WCAG 2.1 compliance gaps