skills.rest
Community-Access
Community-AccessOFFICIAL
Explore all skills by this author →
GitHub

web-issue-fixer

Apply auto-fixable accessibility corrections to web source code.

387|42|Updated Feb 21, 2026
Search Tags:#automation#accessibility#web development#WCAG#react#vue#code fixing
One-click install
npx skills add https://github.com/Community-Access/accessibility-agents --skill web-issue-fixer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-issue-fixer
Source: https://github.com/Community-Access/accessibility-agents/tree/main/.gemini/extensions/a11y-agents/skills/web-issue-fixer
Command: npx skills add https://github.com/Community-Access/accessibility-agents --skill web-issue-fixer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the identification and remediation of common web accessibility issues in source code, ensuring WCAG compliance and improving user experience for all.

Core Features & Use Cases

  • Automated Fixes: Applies safe, deterministic fixes for issues like missing alt text, lang attributes, and focus outlines.
  • Human-Judgment Fixes: Presents complex issues requiring user approval, such as alt text content or heading restructuring.
  • Framework-Aware: Generates code using the correct syntax for React, Vue, Angular, Svelte, or plain HTML.
  • Use Case: A developer can use this skill to quickly scan their web application's codebase and automatically fix dozens of common accessibility errors, then review and approve the more nuanced suggestions.

Quick Start

Use the web-issue-fixer skill to apply all auto-fixable accessibility issues in the current project.

Frequently Asked Questions about web-issue-fixer

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

FAQPage Schema
How do I fix web accessibility issues in my source code automatically?▼

The Skill automates fixing web accessibility issues by applying deterministic fixes for missing alt attributes, lang attributes, and focus outlines, while presenting complex human-judgment fixes for your approval.

Can I use this to generate WCAG AA compliant code for React and Vue?▼

Yes, you can generate WCAG AA compliant code for React and Vue because the Skill detects your framework stack to generate framework-specific syntax, ensuring elements like labels and focus management meet accessibility standards.

What is the best way to automate WCAG compliance fixes for a web application?▼

The best way to automate WCAG compliance fixes is using a framework-aware tool that applies safe fixes to web source code and isolates nuanced accessibility issues like alt text content for developer review.

Does this tool handle accessibility issues that require human judgment?▼

Yes, it handles accessibility issues requiring human judgment by detecting them and presenting suggestions for approval, separating safe deterministic fixes from complex issues like alt text content and heading restructuring.

Do I need to manually specify my web framework to get correct accessibility code fixes?▼

No, you do not need to manually specify your web framework because the Skill automatically detects the framework stack to generate the correct syntax for React, Vue, Angular, Svelte, or plain HTML.

Related Skills

Explore More Software Engineering Skills→
cagdotincagdotin
36

web-design-guidelines

Evaluate frontend UI code against Web Interface Guidelines for accessibility and usability gaps.

Community
Intermediate
Patasse97Patasse97

a11y-audit

Identify WCAG 2.2 violations in frontend projects and generate remediation guidance.

Community
Advanced
TeiNamTeiNam
12

laravel-verification

Automate Laravel project verification for CI/CD pipelines.

Community
Advanced
kevindreekevindree

browser-testing-with-devtools

Inspect live DOM, console, network, and accessibility data via Chrome DevTools MCP.

Community
Advanced