Is manual testing still required?

Yes. While this skill provides automated testing patterns, it emphasizes that manual verification is necessary for criteria that automation cannot detect.

Can I use this for automated testing?

Absolutely. It includes integration patterns for axe-core, Playwright, and CLI tools like pa11y and Lighthouse.

Does it help with Section 508 or VPAT compliance?

Yes, by following the WCAG 2.2 AA patterns provided, you will meet the technical requirements for Section 508 and have the data needed for a VPAT.

Does this skill support the latest WCAG standards?

Yes, it specifically covers WCAG 2.2 guidelines, including new criteria such as focus appearance and obscured elements.

How does it handle custom JavaScript components?

It provides specific patterns for ARIA roles, state management, and keyboard event handling to make custom widgets accessible.

WCAG Accessibility Audit Patterns

Name: WCAG Accessibility Audit Patterns
Author: Microck

byMicrock

•

安全与测试

Conducts comprehensive WCAG 2.2 accessibility audits with automated testing integration and step-by-step remediation guidance.

This skill empowers developers to build and maintain inclusive web experiences by providing a structured framework for WCAG 2.2 compliance audits. It combines automated testing patterns using tools like axe-core with detailed manual checklists covering the POUR principles (Perceivable, Operable, Understandable, Robust). Whether you are preparing for a VPAT, meeting ADA requirements, or fixing specific accessibility blockers like keyboard traps and contrast issues, this skill provides the code snippets and best practices needed to ensure your digital content is accessible to all users.

主要功能

01Automated testing integration scripts for axe-core and Playwright

02Ready-to-use CSS and HTML snippets for accessible UI components

03Comprehensive WCAG 2.2 checklist across A, AA, and AAA conformance levels

04Detailed guidance on implementing accessible keyboard navigation and focus management

05Actionable remediation patterns for common violations like missing labels and low contrast

062 GitHub stars

使用场景

01Integrating automated accessibility checks into a CI/CD testing pipeline

02Performing a comprehensive accessibility audit for ADA or Section 508 compliance

03Refactoring legacy UI components to meet modern accessibility standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/opendots-microck wcag-audit-patterns

For use in Claude.ai and ChatGPT

主要功能

01Automated testing integration scripts for axe-core and Playwright

02Ready-to-use CSS and HTML snippets for accessible UI components

03Comprehensive WCAG 2.2 checklist across A, AA, and AAA conformance levels

04Detailed guidance on implementing accessible keyboard navigation and focus management

05Actionable remediation patterns for common violations like missing labels and low contrast

062 GitHub stars

使用场景

01Integrating automated accessibility checks into a CI/CD testing pipeline

02Performing a comprehensive accessibility audit for ADA or Section 508 compliance

03Refactoring legacy UI components to meet modern accessibility standards

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add microck/opendots-microck wcag-audit-patterns

For use in Claude.ai and ChatGPT