Web Accessibility

Name: Web Accessibility
Author: hoodini

🌐Community

by hoodini · vlatest · Repository

Automatically identifies and fixes common web accessibility issues (WCAG) on frontend code.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

Run in terminal (recommended)

terminal

claude mcp add hoodini-web-accessibility npx -- -y @trustedskills/hoodini-web-accessibility

Or manually add to ~/.claude/settings.json

~/.claude/settings.json

{
  "mcpServers": {
    "hoodini-web-accessibility": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/hoodini-web-accessibility"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

This skill enables AI agents to analyze and improve the accessibility of web pages, ensuring digital content is usable for everyone. It specifically targets frontend code to identify barriers that prevent users with disabilities from interacting effectively with websites.

When to use it

Auditing existing React or Vue components for WCAG compliance before deployment.
Generating automated reports on color contrast ratios and ARIA attribute usage.
Refactoring HTML structures to support screen readers and keyboard navigation.
Validating forms and interactive elements against accessibility standards.

Key capabilities

Frontend code scanning for common accessibility violations.
Analysis of semantic HTML structure and ARIA implementation.
Identification of issues affecting screen reader compatibility.
Detection of insufficient color contrast in UI elements.

Example prompts

"Scan this React component file and list all missing ARIA labels."
"Generate a report on accessibility violations in this HTML form."
"Refactor this navigation menu to ensure full keyboard navigability."

Tips & gotchas

Ensure the AI agent has access to the specific frontend source code or live URL it needs to audit. While this skill identifies issues, manual testing with actual assistive technologies like screen readers is still recommended for final validation.

View Repository →

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust Hub	Pass
Socket	Pass
Snyk	Pass

Details

Version: vlatest
License
Author: hoodini
Installs: 55

Repository (canonical source) →

🌐 Community

Passed automated security scans.