Is WCAG 2.1 AA the only standard supported?

Yes, it specifically targets WCAG 2.1 AA compliance as the mandatory baseline for all frontend tasks.

Does this skill support manual accessibility audits?

It focuses on automated verification using axe-core and programmatic tests for keyboard navigation and focus management.

What happens if an accessibility violation is found?

The skill marks the gate as FAILED and can automatically dispatch the findings to an implementation agent for immediate fixing.

Which Vue versions are supported?

This skill is optimized for Vue 3 using the Composition API and TypeScript.

Can I skip this gate for internal-only tools?

No, the skill's logic dictates that accessibility is mandatory for all applications, as retrofitting is significantly more expensive than initial compliance.

Vue.js Accessibility Tester (Gate 1)

Name: Vue.js Accessibility Tester (Gate 1)
Author: luanrodrigues

byluanrodrigues

•

安全与测试

Ensures Vue.js components meet WCAG 2.1 AA standards through automated axe-core scanning and keyboard navigation validation.

This skill acts as a mandatory quality gate for the Vue.js frontend development cycle, specifically focused on accessibility. It orchestrates detailed inspections using axe-core to eliminate WCAG 2.1 AA violations, verifies keyboard navigation patterns (Tab, Enter, Escape), and validates focus management for complex UI elements like modals and Teleported components. By automating these checks immediately after implementation, it ensures inclusive design is baked into the development process rather than treated as an afterthought.

主要功能

01Automated axe-core scanning with zero-tolerance for WCAG 2.1 AA violations

02Keyboard navigation testing for all interactive elements and states

03Integration with Vue Testing Library and TypeScript for robust unit-level checks

042 GitHub stars

05Focus management validation for modals, dialogs, and Teleport components

06Semantic HTML and dynamic ARIA attribute verification for Vue templates

使用场景

01Enforcing accessibility compliance during the initial development of Vue 3 components

02Validating accessible focus trapping in complex UI patterns and transitions

03Automating regression testing for screen reader compatibility and keyboard focus

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add luanrodrigues/ia-frmwrk dev-frontend-accessibility-vuejs

For use in Claude.ai and ChatGPT

主要功能

01Automated axe-core scanning with zero-tolerance for WCAG 2.1 AA violations

02Keyboard navigation testing for all interactive elements and states

03Integration with Vue Testing Library and TypeScript for robust unit-level checks

042 GitHub stars

05Focus management validation for modals, dialogs, and Teleport components

06Semantic HTML and dynamic ARIA attribute verification for Vue templates

使用场景

01Enforcing accessibility compliance during the initial development of Vue 3 components

02Validating accessible focus trapping in complex UI patterns and transitions

03Automating regression testing for screen reader compatibility and keyboard focus

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add luanrodrigues/ia-frmwrk dev-frontend-accessibility-vuejs

For use in Claude.ai and ChatGPT