Agent Skillscosmicstack-labs/mercury-agent-skills › accessibility-testing

accessibility-testing

GitHub

提供Web无障碍测试指南,涵盖WCAG标准、axe自动化审计、手动键盘测试及屏幕阅读器验证,并给出常见修复方案。

categories/testing-qa/accessibility-testing/SKILL.md cosmicstack-labs/mercury-agent-skills

Trigger Scenarios

需要检查网页是否符合无障碍标准 集成axe或Lighthouse进行CI/CD测试 修复ARIA标签或颜色对比度问题

Install

npx skills add cosmicstack-labs/mercury-agent-skills --skill accessibility-testing -g -y
More Options

Non-standard path

npx skills add https://github.com/cosmicstack-labs/mercury-agent-skills/tree/main/categories/testing-qa/accessibility-testing -g -y

Use without installing

npx skills use cosmicstack-labs/mercury-agent-skills@accessibility-testing

指定 Agent (Claude Code)

npx skills add cosmicstack-labs/mercury-agent-skills --skill accessibility-testing -a claude-code -g -y

安装 repo 全部 skill

npx skills add cosmicstack-labs/mercury-agent-skills --all -g -y

预览 repo 内 skill

npx skills add cosmicstack-labs/mercury-agent-skills --list

SKILL.md

Frontmatter
{
    "name": "accessibility-testing",
    "metadata": {
        "tags": [
            "accessibility",
            "a11y",
            "testing",
            "wcag",
            "inclusive"
        ],
        "author": "cosmicstack-labs",
        "version": "1.0.0",
        "category": "testing-qa"
    },
    "description": "WCAG 2.1\/2.2 audit, axe, Lighthouse, manual testing, screen reader testing, and remediation"
}

Accessibility Testing

Systematically test and improve web accessibility.

WCAG Guidelines (Quick Reference)

Level Conformance Target
A Minimum Must pass all A criteria
AA Standard Legal standard (ADA, Section 508)
AAA Advanced Highest level, not always achievable

Key Success Criteria

  • 1.1.1 (A): All non-text content has text alternative
  • 1.4.3 (AA): Color contrast ≥ 4.5:1
  • 2.1.1 (A): All functionality via keyboard
  • 2.4.7 (AA): Visible focus indicators
  • 4.1.2 (A): Proper ARIA roles and attributes

Testing Approach

Automated (Catches ~30%)

// axe-core in CI
const { axe } = require('jest-axe');
it('should have no accessibility violations', async () => {
  render(<MyComponent />);
  const results = await axe(document.body);
  expect(results).toHaveNoViolations();
});

Manual (Catches ~40%)

  • Tab through all interactive elements
  • Test with high contrast mode
  • Zoom to 200% — no content should be cut off
  • Disable CSS — content should be in logical order

Assistive Technology (Catches ~30%)

  • Test with VoiceOver (macOS/iOS)
  • Test with NVDA (Windows)
  • Test with keyboard only (no mouse/trackpad)

Common Fixes

  • Add alt text to all images (decorative = alt="")
  • Add aria-label to icon-only buttons
  • Ensure forms have associated <label> elements
  • Add skip-to-content link
  • Use proper heading hierarchy (h1 → h2 → h3, never skip)

Version History

  • 38e2523 Current 2026-07-05 19:42

Same Skill Collection

categories/ai-ml/agent-audit-logging/SKILL.md
categories/ai-ml/agent-handoff-protocols/SKILL.md
categories/ai-ml/agent-health-monitoring/SKILL.md
categories/ai-ml/agent-task-delegation/SKILL.md
categories/ai-ml/ai-agent-design/SKILL.md
categories/ai-ml/error-recovery-retry/SKILL.md
categories/ai-ml/memory-management/SKILL.md
categories/ai-ml/prompt-engineering/SKILL.md
categories/ai-ml/prompt-version-management/SKILL.md
categories/ai-ml/routerbase-model-gateway/SKILL.md
categories/ai-ml/token-budget-tracking/SKILL.md
categories/automation/daily-briefing/SKILL.md
categories/automation/screenshot/SKILL.md
categories/automation/shell-scripting/SKILL.md
categories/automation/twitter-account-manager/SKILL.md
categories/automation/workflow-automation/SKILL.md
categories/automation/x-twitter-automation/SKILL.md
categories/backend/api-design/SKILL.md
categories/backend/authentication-authorization/SKILL.md
categories/backend/caching-strategies/SKILL.md
categories/backend/database-design/SKILL.md
categories/backend/message-queues/SKILL.md
categories/backend/microservices/SKILL.md
categories/backend/nodejs-patterns/SKILL.md
categories/backend/python-patterns/SKILL.md
categories/backend/serverless-patterns/SKILL.md
categories/business/event-staffing-compliance/SKILL.md
categories/business/event-staffing-ordering/SKILL.md
categories/business/negotiation/SKILL.md
categories/business/startup-strategy/SKILL.md
categories/career/career-planning/SKILL.md
categories/career/interview-prep/SKILL.md
categories/career/linkedin-optimization/SKILL.md
categories/career/resume-writing/SKILL.md
categories/career/salary-negotiation/SKILL.md
categories/creative-personal-development/content-repurposer/SKILL.md
categories/creative-personal-development/daily-standup-journal/SKILL.md
categories/creative-personal-development/decision-matrix/SKILL.md
categories/creative-personal-development/idea-validator/SKILL.md
categories/creative-personal-development/meeting-note-summarizer/SKILL.md
categories/creative-personal-development/personal-branding-statement/SKILL.md
categories/creative-personal-development/storytelling-advisor/SKILL.md
categories/creative-personal-development/time-blocking-scheduler/SKILL.md
categories/data/data-pipeline/SKILL.md
categories/design/accessibility/SKILL.md
categories/design/ui-design-system/SKILL.md
categories/development/api-documentation/SKILL.md
categories/development/architecture-decision-records/SKILL.md
categories/development/clean-code/SKILL.md
categories/development/code-review/SKILL.md

Metadata

Files
0
Version
4c57cf2
Hash
f0333aed
Indexed
2026-07-05 19:42

- 위키
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-05 06:16
浙ICP备14020137号-1 $방문자$