skills.rest
FriendlyInternet
FriendlyInternetOFFICIAL
Explore all skills by this author →
GitHub

a11y

Review Vue.js code for WCAG/ARIA accessibility compliance and fixes.

10|Updated Sep 24, 2025
Search Tags:#static analysis#code review#accessibility#a11y#Vue.js
One-click install
npx skills add https://github.com/FriendlyInternet/nuxt-crouton --skill a11y-friendlyinternet
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: a11y
Source: https://github.com/FriendlyInternet/nuxt-crouton/tree/main/.claude/skills/a11y
Command: npx skills add https://github.com/FriendlyInternet/nuxt-crouton --skill a11y-friendlyinternet

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of manually auditing accessibility compliance in Vue.js code, automating the process to save time and ensure adherence to WCAG/ARIA standards.

Core Features & Use Cases

  • Accessibility Audit: Reviews Vue.js code for accessibility issues based on WCAG/ARIA guidelines.
  • Severity Rating: Classifies findings into critical, warning, and note levels.
  • Fix Recommendations: Suggests remedial actions for accessible coding practices.
  • Use Case: For developers working on Vue.js applications, the Skill helps in identifying and rectifying accessibility issues within the codebase, enhancing user experience for individuals with disabilities.

Quick Start

Use the a11y skill to review the last 5 commits in your Vue.js codebase.

Frequently Asked Questions about a11y

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check Vue.js code for WCAG and ARIA accessibility compliance?▼

Automated accessibility audits for Vue.js review your code against WCAG and ARIA standards. This static analysis detects compliance issues, classifies them by severity, and suggests actionable remediation steps.

What is the best way to automate accessibility reviews for Vue.js components?▼

Automating accessibility reviews for Vue.js involves running static code analysis against WCAG and ARIA guidelines. This approach identifies barriers, assigns severity ratings, and provides remedial coding suggestions.

Does static analysis effectively detect ARIA issues in Vue.js templates?▼

Static analysis detects ARIA issues in Vue.js templates by reviewing the codebase against established accessibility guidelines. It classifies findings into critical, warning, and note levels to prioritize fixes.

How do I review recent commits for accessibility issues in a Vue.js codebase?▼

To review recent commits for accessibility issues in a Vue.js codebase, apply an automated static analysis Skill to scan the changes. This identifies WCAG/ARIA compliance failures and recommends specific remedial actions.

Can I get fix recommendations for WCAG violations found during a Vue.js code review?▼

You can get fix recommendations for WCAG violations found during a Vue.js code review by using automated accessibility analysis. The audit detects issues and suggests specific remedial actions for accessible coding.

Related Skills

Explore More Software Engineering Skills→
syusamasyusama
4

web-design-guidelines

Check UI code compliance with Web Interface Guidelines via static analysis.

Community
Intermediate
leafcoderleafcoder
2

web-design-guidelines

Audit web interface code for WCAG, ARIA, and UX compliance.

Community
Intermediate
redpanda-dataredpanda-data
34

setup-accessibility

Enforce WCAG 2.1 AA ARIA compliance via Claude Code hooks with Playwright and AXE.

Official
Intermediate
pvillegapvillega
23

wcag-audit

Detect WCAG violations via ESLint plugins and axe-core runtime scans.

Community
Advanced