Wcag Audit Perceivable Layout Deep

🌐Community
by jkense · vlatest · Repository

Analyzes webpage layouts against WCAG perceivability guidelines, identifying deep structural accessibility issues for users with disabilities.

Install on your platform

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

1

Run in terminal (recommended)

terminal
claude mcp add wcag-audit-perceivable-layout-deep npx -- -y @trustedskills/wcag-audit-perceivable-layout-deep
2

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

~/.claude/settings.json
{
  "mcpServers": {
    "wcag-audit-perceivable-layout-deep": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/wcag-audit-perceivable-layout-deep"
      ]
    }
  }
}

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

About This Skill

What it does

This skill performs a deep audit of web page layouts against the WCAG (Web Content Accessibility Guidelines) perceivability principles. It specifically focuses on aspects like contrast, color usage, and layout structure to ensure content is easily understood and accessible to users with disabilities. The audit aims to identify potential accessibility barriers and provide actionable recommendations for improvement.

When to use it

  • Website Redesign: Before launching a new website or redesigning an existing one, use this skill to proactively address accessibility concerns in the layout.
  • Content Updates: After significant content updates or changes to page structure, run an audit to ensure no new accessibility issues have been introduced.
  • Accessibility Remediation: When addressing user reports of accessibility problems related to visual perception and layout.
  • Compliance Checks: As part of a broader effort to achieve WCAG compliance for a website or web application.

Key capabilities

  • WCAG perceivability principle auditing
  • Contrast analysis
  • Color usage assessment
  • Layout structure evaluation

Example prompts

  • "Audit the layout accessibility of [website URL] against WCAG."
  • "Check this webpage ([website URL]) for color contrast issues affecting readability."
  • "Analyze the layout structure of [website URL] to ensure it's accessible to screen reader users."

Tips & gotchas

This skill requires a valid URL of the web page you want audited. The results should be interpreted in conjunction with other accessibility testing methods and manual review for complete accuracy.

Tags

🛡️

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 HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
jkense
Installs
8

🌐 Community

Passed automated security scans.